如何设置全屏图像模式内没有上浆图像在React原生？

4si2a6ki 于 2023-02-05 发布在 React

关注(0)|答案(1)|浏览(136)

如何设置全屏图像内模态，支持所有不同的屏幕设备和平板电脑没有上浆图像在React原生？

<Modal
                animationType="fade"
                visible={props.isOpen}
                onRequestClose={props.onCloseModal}>
                <SafeAreaView style={{ flex: 1, backgroundColor: 'white' }}>
                    <View style={{flex: 1}>
                        <Image source={"path/to/local/image"} resizeMode='stretch' style={imageStyle}/>
                    </View>
                </SafeAreaView>
            </Modal>

react-native

来源：https://stackoverflow.com/questions/75309146/how-to-set-full-screen-image-inside-modal-without-starching-image-in-react-nativ

1条答案

按热度按时间

k2fxgqgv1#

使用cover作为图像中的resizeMode。

<Modal
...
  >
  <Image
    resizeMode="cover"
    style={{width: '100%', height: '100%'}}
    source={{
      uri: 'https://reactnative.dev/img/tiny_logo.png',
    }}
  />
</Modal>

赞(0）回复(0）举报 2023-02-05

我来回答

如何设置全屏图像模式内没有上浆图像在React原生？

1条答案

相关问题

热门标签

最新问答