React Native如何获取设备的方向

import { Dimensions, StatusBar, Platform } from 'react-native';

// 获取当前设备的方向
const getDeviceOrientation = () => {
  const { width, height } = Dimensions.get('window');
  return width < height ? '竖屏' : '横屏';
};

// 监听设备方向改变事件
const subscribeDeviceOrientationChange = (callback) => {
  Dimensions.addEventListener('change', () => {
    callback(getDeviceOrientation());
  });
};

// 取消设备方向改变事件监听
const unsubscribeDeviceOrientationChange = () => {
  Dimensions.removeEventListener('change');
};

// 示例调用
subscribeDeviceOrientationChange((orientation) => {
  console.log('设备方向改变为', orientation);
});

// 获取当前设备方向
const currentOrientation = getDeviceOrientation();
console.log('当前设备方向', currentOrientation);

// 注意：在组件卸载时要取消监听
componentWillUnmount() {
  unsubscribeDeviceOrientationChange();
}