React Native获取手机屏幕宽高(Dimensions)
在React Native中,可以使用Dimensions
API来获取当前屏幕的宽度和高度。这个模块导出一个称为Dimensions
的对象,该对象包含两个属性:window
和screen
。window
表示可用视图的宽度和高度,而screen
表示设备屏幕的宽度和高度。
以下是一个简单的示例,展示如何获取屏幕的宽度和高度:
import { Dimensions } from 'react-native';
const screenWidth = Dimensions.get('window').width;
const screenHeight = Dimensions.get('window').height;
console.log('屏幕宽度:', screenWidth);
console.log('屏幕高度:', screenHeight);
在这个例子中,Dimensions.get('window')
返回一个包含宽度和高度属性的对象,这些值是以像素为单位的。这些值会随着设备方向的改变而改变,如果你需要在方向改变时保持宽高不变,你可能需要监听Dimensions
的变化并重新获取宽高。
评论已关闭