小编ali*_*afc的帖子

如何在 React Native 中处理响应式布局

我正在使用该react-native-dimension库使我的 UI 响应如下:

const{width,height} = Dimensions.get('window');
Run Code Online (Sandbox Code Playgroud)

在我的 style.js 文件中:

imageBackgroundLandscape:{
    width:height,
    height:width

},
imageBackgroundPortrait:{
    width:width,
    height:height
}
Run Code Online (Sandbox Code Playgroud)

问题是,当我旋转屏幕时,宽度和高度变量已经得到以前的值!例如,在肖像模式下,我的变量是:

width : 800
height: 1280
Run Code Online (Sandbox Code Playgroud)

当我旋转屏幕时,我的变量是:

width : 800 // previous value
height: 1280 // previous value
Run Code Online (Sandbox Code Playgroud)

另外,我使用react-native-orientation来确定屏幕的模式。我想知道当我旋转设备时如何自动更改它们的值(宽度,高度),或者是否有其他库可以实现此目的?

提前致谢。

responsive-design react-native

4
推荐指数
1
解决办法
2万
查看次数

标签 统计

react-native ×1

responsive-design ×1