React Native 获取屏幕方向并限制横竖屏：使用 react-native-orientation 和 react-native-orientation-locker

React Native 是一个流行的跨平台移动应用开发框架，它允许使用 JavaScript 和 React 构建原生应用。在开发移动应用时，有时需要获取屏幕方向并限制横竖屏。为了实现这一需求，我们可以借助第三方库。这里我们将介绍两个流行的库：react-native-orientation 和 react-native-orientation-locker。
一、react-native-orientation
react-native-orientation 是一个用于获取设备屏幕方向的 React Native 组件。它可以帮助你获取当前屏幕的方向，并在需要时进行相应的处理。
安装：
你可以使用 npm 或 yarn 安装 react-native-orientation：

npm install react-native-orientation
yarn add react-native-orientation

使用：
首先，你需要在应用中导入 react-native-orientation：

import Orientation from 'react-native-orientation';

然后，你可以使用 Orientation.getOrientation() 方法获取屏幕方向：

Orientation.getOrientation().then(response => {
console.log('Orientation:', response.orientation);
});

在上述代码中，response.orientation 的值可能是 ‘portrait’、’landscape’ 或 ‘unknown’，这取决于设备的屏幕方向。
二、react-native-orientation-locker
如果你不仅需要获取屏幕方向，还需要限制横竖屏，那么你可以考虑使用 react-native-orientation-locker。这个库提供了一种方法来锁定屏幕方向，以防止用户手动旋转设备。
安装：
你可以使用 npm 或 yarn 安装 react-native-orientation-locker：

npm install react-native-orientation-locker
yarn add react-native-orientation-locker

使用：
首先，你需要在应用中导入 react-native-orientation-locker：

import OrientationLocker from 'react-native-orientation-locker';

然后，你可以使用 OrientationLocker.lockToPortrait() 或 OrientationLocker.lockToLandscape() 方法来锁定屏幕方向：

// 锁定为竖屏模式
OrientationLocker.lockToPortrait();