我正在使用该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来确定屏幕的模式。我想知道当我旋转设备时如何自动更改它们的值(宽度,高度),或者是否有其他库可以实现此目的?
提前致谢。