resizeMode содержит показ пространства до и после изображения в реагировать родной - PullRequest
Новая
       7

resizeMode содержит показ пространства до и после изображения в реагировать родной

0 голосов
/ 08 мая 2018

Я пытаюсь показать изображение, ширина которого регулируется в соответствии с высотой. Я использую для этой цели resizeMode = "contains", но оно показывает пространство до и после изображения.Я попытался установить поля, отступы, влево, вправо, но ни один из них не сработал.

enter image description here

 <View style={{ flex: 1 }}>
        <ScrollView horizontal>
        <View style={{ borderColor: "#f00", borderWidth: 2, height: 300 }}>
            <Image source={images[0].uri} resizeMode="contain" style={{ height: 300, width: 300 }} />
        </View>
        <View style={{ borderColor: "#f00", borderWidth: 2, height: 300 }}>
            <Image source={images[1].uri} resizeMode="contain" style={{ height: 300 }} />
        </View>
   </ScrollView>
</View>

1 Ответ

0 голосов
/ 08 мая 2018

resizeMode="contain" - это Scale the image uniformly (maintain the image's aspect ratio) so that both dimensions (width and height) of the image will be equal to or less than the corresponding dimension of the view, и это означает (на вашем изображении), растянуть высоту и ширину до height=300, но сохранить соотношение сторон. Таким образом, ширина никогда не будет охватывать экран, потому что она меньше высоты.

Если вы хотите, чтобы ширина покрывала весь экран, используйте stretch или cover.

Может быть, я не правильно понимаю ваш вопрос. Если да, дайте мне знать, и я удалю свой ответ.

...