在 React Native 中设置原生 UISplitViewController答案

【问题标题】：Setting up a native UISplitViewController in React Native在 React Native 中设置原生 UISplitViewController
【发布时间】：2018-05-28 22:41:25
【问题描述】：

我正在开发一个 React Native 应用程序，我想使用 UISplitViewController 接口。这将允许 iPad 和 iPhone 的正确格式以及拆分视图和多任务处理。

我找不到任何关于如何在 React Native 中设置 UISplitViewController 控制器的信息。我想知道是否有人可以为我提供有关如何使用 React Native for iOS 设置 UISplitViewController 的建议。我是一名 iOS 开发人员，拥有 swift 的背景，所以学习如何在 React Native 中做到这一点真是太棒了。

我还想知道您是否可以帮助我了解如何在 Android 端为 Raect Native App 执行相同的布局 (UISplitViewController) 类型。

感谢您对此的帮助。

【问题讨论】：

标签： android ios react-native uisplitviewcontroller splitview

【解决方案1】：

React Native 中没有包含到拆分视图控制器的桥。但是，您可以编写自己的本机模块（请参阅https://facebook.github.io/react-native/docs/native-modules-ios.html）——一旦您设置它，通常只需为您想要启用的每个方法调用编写几行代码。您可能希望查看https://github.com/wix/react-native-navigation 的源代码，以了解它们如何在 UINavigationController 上实现一些相同的功能。

Android 没有与 iOS/tvOS 的拆分视图控制器等效的功能，因此您需要在 Java 方面自行开发，或者只是桥接到 Android 中的常规 Activity/Fragments。

这个桥对于拆分视图控制器来说可能很好。但是如果你真的想为你的应用程序提供良好的平板电脑支持，包括分屏多任务处理、拖放、PIP 视频、手写笔支持等，你可能应该完全编写它而不是使用 React Native，因为平板电脑支持不是真的在那里。

【讨论】：