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

Question

很高兴看到 Facebook 在 F8 2015 上开源 React Native。虽然他们提供了 react-native-cli 来生成一个空的 React Native 项目，但我仍然不知道如何集成 React Native到我当前使用 Xcode 工作区和 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 就会像这样

You should pay attention to the React path you have configured in Podfile.

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

您还需要服务器或离线 bundle ，请查看此

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 执行 |installer|
installer.pods_project.targets.each 执行 |target|
target.build_configurations.each 执行 |config|
config.build_settings['APPLICATION_EXTENSION_API_ONLY'] = 'NO'
结尾
结尾
结束

希望对你有帮助:)