Проблема со стилями, не применяемыми к изображениям http правильно в реагирующем - PullRequest
Новая
       55

Проблема со стилями, не применяемыми к изображениям http правильно в реагирующем

0 голосов
/ 13 марта 2020

Фактическое поведение:

Я загружаю изображения с одинаковой шириной и высотой и закругленными краями в FlatList. Моя проблема в том, что когда я применяю одинаковую ширину и высоту к изображениям http, они отображаются в виде прямоугольника, а не квадрата, и даже стиль borderRadius не применяется, если я не задаю стиль borderWidth. Но изображения, загруженные с локального пути, принимают borderRadius и отображаются в виде квадрата, когда к ним применяются одинаковые ширина и высота. Я пробовал с компонентами Image и ImageBackground компонента native-base и Thumbnail компонента native-base.

Ожидаемое поведение:

Я хочу загружать изображения с одинаковой шириной и высотой и закругленными краями в FLatList с использованием компонента Image компонентаact-native или Thumbnail компонента native-base и без применения borderWidth к изображениям.

Код: 

<Image
     source={{ uri: item.thumbnail_url }}
     style={{ width: 60, height: 60, borderRadius: 10, borderWidth: 1 }} 
     resizeMode="contain"
 />

 <ImageBackground
      source={{uri: item.thumbnail_url}}
      style={{ width: 60, height: 60, borderRadius: 10 }}
      imageStyle={{ borderRadius: 10 }}
      resizeMode="cover"
 />

 <Thumbnail
    small
    source={item.thumbnail_url}
    style={{ width: 60, height: 60, borderRadius: 10 }}
 />
...