Блог

Главная - Вопросы по программированию - Стилизация изображений в React Native

Стилизация изображений в React Native

#react-native

#react-native

Вопрос:

Часть моего приложения react native в настоящее время выглядит следующим образом:

Где график и изображение находятся рядом друг с другом. Мой текущий код:

 <View style={{flexDirection:"row", backgroundColor:'#FFFFFF', borderRadius:10}}>

        <View style={{flex:1, padding:10}}>
          <Card.Cover source={{uri: props.url}}/>
        </View>

        <View style={{flex:1, padding:10}}>
          <BarChartExample></BarChartExample>
        </View>
        
      </View>

Мне было интересно, может ли кто-нибудь помочь мне исправить то, что не так в моем коде, чтобы мое изображение выглядело как примерное изображение.

Комментарии:

1. Не могли бы вы добавить Card.Cover код своего компонента?

2. Вы можете использовать свойство изображения ResizeMode для настройки макета .

Ответ №1:

Вы можете попробовать установить resizeMode для реквизита компонента значение contain .

Дополнительная информация здесь: https://reactnative.dev/docs/image#resizemode