如何在 React 本机应用程序中使用本机视图答案

【问题标题】：How to use native views in React native app如何在 React 本机应用程序中使用本机视图
【发布时间】：2015-12-07 11:39:59
【问题描述】：

我正在尝试构建一个反应本机应用程序，我想在其中嵌入本机视图，谁能告诉我如何使用详细示例来执行此操作，我查看了指南但无法真正遵循。

我目前正在使用 viewController 类在本机 iOS 应用程序中显示视图，我想使用我的 react 本机应用程序显示相同的视图。我需要使用 UIView 类还是也可以使用视图控制器类？如果是，我该怎么做？

请帮忙，提前谢谢

【问题讨论】：

标签： ios objective-c react-native

【解决方案1】：

看看这个答案https://stackoverflow.com/a/68933743/6489702

简而言之；您将UIViewController 的View 作为子视图加载到您的本机模块，但是将UIViewController 的Controller 作为子视图加载到KeyWindow UIViewController 这样您就可以使用本机@987654328 @ 但您的原生视图仍然存在于原生视图模块的生命周期和大小中。

【讨论】：

【解决方案2】：

react-native 文档中非常清楚地解释了嵌入原生视图的细节（包括示例 MapView）：http://facebook.github.io/react-native/docs/native-components-ios.html#content

【讨论】：

感谢您的回复，我已经查看了这个解释，但在这种情况下，我需要渲染作为 UIView 子类的 View。但是我已经在视图控制器中实现了整个视图。我现在不知道如何进行..
据我了解，您只能以这种方式嵌入视图（因为视图只是一个 - 通常是您可以轻松嵌入的矩形“视图”。另一方面，视图控制器通常用于管理整个视图层次结构 - 所以当你想显示整个屏幕而不是单个组件时。看起来（也许？）你想反转它并使用 facebook.github.io/react-native/docs/… - 所以将你的 react-native RCTView 作为整体的一部分嵌入应用程序视图层次结构。