React Native标签栏应用程序倒置不旋转

Question

我正在开发一个 React Native iOS 应用程序，它是一个通用应用程序，具有标签栏布局，我试图让它倒置旋转，但它没有旋转。我已经检查了 Xcode 中的设备方向复选框，用于纵向和倒置

并且已经看到Info.plist中的变化

<key>UISupportedInterfaceOrientations</key>
<array>
    <string>UIInterfaceOrientationPortrait</string>
    <string>UIInterfaceOrientationPortraitUpsideDown</string>
</array>

我在this stackoverflow post 中读到，我可能需要以编程方式在（我假设的）不旋转的视图控制器中指定可接受的方向，但我无权访问主视图控制器（应用程序主要是 JavaScript）。所以，在这一点上，这似乎有点不可行。

为了弄清楚这一点，我检查了 Xcode 中的 Landscape 选项并验证了这些选项确实有效，只是 Upside Down 选项无效。

对此的任何帮助或指导都会很棒。谢谢！

Answer 1

react-native 代码不支持开箱即用的颠倒。

要使其正常工作，您需要像之前一样选中 Upside Down 框，并在 AppDelegate.h 文件的底部添加以下代码：

@interface AllOrientationViewController : UIViewController
@end

完成后，在 AppDelegate.m 文件的底部添加以下内容：

@implementation AllOrientationViewController
- (UIInterfaceOrientationMask)supportedInterfaceOrientations
{
   return UIInterfaceOrientationMaskAll;
}
@end

最后是在AppDelegate.m中修改如下代码行：

UIViewController *rootViewController = [UIViewController new];

有了这个：

UIViewController *rootViewController = [AllOrientationViewController new];

注意：这仍然无法在 iPhoneX 上运行，因为它可以 not support PortraitUpsideDown。