相关疑难解决方法(0)

在React Native中添加全屏背景图像的最佳方法是什么?

我想在View中添加一个全屏图像,所以我编写了这段代码

return (
    <View style={styles.container}>
        <Image source={require('image!egg')}  style={styles.backgroundImage}>
    </View>
)
Run Code Online (Sandbox Code Playgroud)

并将样式定义为

var styles = StyleSheet.create({
container: {
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
     backgroundColor: '#F5FCFF',
     flexDirection: 'column',
},
     backgroundImage:{
     width:320,
     height:480,
   }
...
Run Code Online (Sandbox Code Playgroud)

但是这样我怎么能找到实际的iPhone屏幕尺寸?

我见过一个API来访问像素密度,但没有关于屏幕尺寸......

任何的想法?

javascript react-native

134
推荐指数
11
解决办法
16万
查看次数

标签 统计

javascript ×1

react-native ×1