reactjs - React Native を既存の iOS プロジェクトに統合する方法

Question

F8 2015 で Facebook のオープン ソース React Native を見るのはとても楽しみです。彼らreact-native-cliは空の React Native プロジェクトを生成することを提供しますが、Xcode ワークスペースと CocoaPods を使用する現在のプロジェクトに React Native を統合する方法はまだわかりません。

Answer 1

このデモをチェックアウトできます: https://github.com/dsibiski/react-native-hybrid-app-examples

反応ネイティブの使用を開始する前に、ドキュメントの流れを読む必要があります: http://facebook.github.io/react-native/docs/getting-started.html

次に、実行npm install -g react-native-cliしてコマンド ライン ツールをインストールする必要があります。

次のステップは、ココアポッドをインストールすることです。

次に、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(App Extension)では利用できません.....

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 の一部として配布されます ( node_modulesnpm 経由でインストールされます)。

既存のアプリとの統合は非常に簡単ですRCTRootView。ビュー階層の好きな場所にインスタンスを追加するだけで、React Native アプリケーションがその中で実行されます。このガイドを参照してください。