如何将React Native集成到现有的iOS项目中

Question

非常高兴在2015年F8上看到Facebook开源React Native。尽管他们提供react-native-cli来生成一个空的React Native项目，但我仍然不知道如何将React Native集成到我当前使用Xcode的项目中workspace和CocoaPods。

Answer 1

您可以查看此演示： https://github.com/dsibiski/react-native-hybrid-app-examples

在开始使用react native之前，您应该阅读他们的文档： http://facebook.github.io/react-native/docs/getting-started.html

然后我们应该运行npm install -g react-native-cli来安装命令行工具。

下一步是安装cocoapods。

然后进入你的Xcode项目目录，创建package.json文件。内容如下：

然后在终端中运行npm install。片刻之后，您会找到一个目录node_modules 下一步是运行pod init。将创建Podfile。所以只需打开并配置它就像流动

然后你的Podfile就像这个

  

您应该注意已在Podfile中配置的React路径。

然后运行pod install。您将获得工作区。

您还需要服务器或脱机捆绑包，请结帐

https://facebook.github.io/react-native/docs/running-on-device-ios.html

https://github.com/facebook/react-native/issues/240

之后您可能遇到的一些问题：

1.检测到命名冲突：

https://github.com/facebook/react-native/issues/3440

2.在ios上没有（应用程序扩展）.....

在Podfile中添加代码

post_install do |installer| installer.pods_project.targets.each do |target| target.build_configurations.each do |config| config.build_settings['APPLICATION_EXTENSION_API_ONLY'] = 'NO' end end end

希望它有用：）

Answer 2

React Native作为CocoaPod提供，并作为React Native的一部分进行分发（通过npm安装在node_modules内）。

要与现有应用程序集成非常简单，只需在视图层次结构中的任何位置添加RCTRootView实例，您的React Native应用程序就会在其中运行。请参阅this guide。

Answer 3

有关如何在现有项目中使用React Native的完整分步指南，请点击此处： https://facebook.github.io/react-native/docs/integration-with-existing-apps.html