5

很高兴看到 Facebook 在 F8 2015 上开源 React Native。虽然他们提供react-native-cli生成一个空的 React Native 项目,但我仍然不知道如何将 React Native 集成到我当前使用 Xcode 工作区和 CocoaPods 的项目中。

4

3 回答 3

5

您可以查看此演示: 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 initPodfile将被创建。所以只要像流动一样打开并配置它

在此处输入图像描述

然后你的 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

希望它有帮助:)

于 2015-11-11T06:01:44.047 回答
4

React Native 可作为 CocoaPod 使用,并作为 React Native 的一部分分发(内部node_modules通过 npm 安装)。

与现有应用程序集成非常容易,您只需RCTRootView在视图层次结构中添加您喜欢的任何位置的实例,您的 React Native 应用程序就会在其中运行。请参阅本指南

于 2015-03-28T14:54:17.520 回答
3

关于如何在现有项目中开始使用 React Native 的完整分步指南在这里: https ://facebook.github.io/react-native/docs/integration-with-existing-apps.html

于 2015-04-01T11:20:55.733 回答