我正在使用该react-native-dimension
库来使UI响应,如下所示:
const{width,height} = Dimensions.get('window');
在我的style.js文件中:
imageBackgroundLandscape:{
width:height,
height:width
},
imageBackgroundPortrait:{
width:width,
height:height
}
问题是,当我旋转屏幕时,width和height变量具有以前的值!例如,在纵向模式下,我的变量是:
width : 800
height: 1280
当我旋转屏幕时,我的变量是:
width : 800 // previous value
height: 1280 // previous value
另外,我使用反应本机方向来确定屏幕的模式。我想知道在旋转设备时如何自动更改它们的值(宽度,高度),或者为此还有其他库吗?
提前致谢。
我通常height, width
用以下代码处理混乱:
//Dimensions.js
import {Dimensions} from 'react-native';
const {height, width} = Dimensions.get('window');
const actualDimensions = {
height: (height<width) ? width : height,
width: (width>height) ? height : width
};
export default actualDimensions;
无需从Dimensions要求高度和宽度,而是使用actualDimensions
和优雅地管理方向,您也应该尝试使用此库。
该Dimensions
所以建议取前JS包被加载到应用程序加载height, width
动态地为每一个render
你可以阅读这里
Dimensions.get('window')。height有时会返回错误的值
@RamiSalim您能否清楚说明遇到的错误。?