次のような「 https://github.com/facebook/react-native/tree/master/Examples 」で提供されている他のサンプルの1つをインストールして実行する方法についての説明が見つかりません' https://github.com/facebook/react-native/tree/master/Examples/Movies '。
チュートリアルでは、行うことのみが指示されています
react-native init AwesomeProject
「 https://github.com/facebook/react-native/tree/master/Examples/SampleApp 」を取得します。
'react-native'リポジトリ全体を複製してから実行する場合
npm install
npm start
ルートフォルダー(つまり、 '/ react-native')から、Xcodeで '/react-native/Examples/Movies/Movies.xcodeproj'を開き、プロジェクトを実行すると、正常にビルドされているようです。シミュレーターが起動し、アプリの「ムービー」イントロ画面が表示されますが、その後、死の赤い画面が印刷されて表示されます:
:0
「npm start」がルートフォルダーで実行されているターミナルでは、次のように出力されます。
Error: EISDIR, read
at Error (native)
[02:35:02] <START> request:/Examples/Movies/MoviesApp.includeRequire.runModule.bundle
Getting Started Tutorial に従うだけで動作するはずですが、npm install
反応ネイティブディレクトリ内。
次に、たとえばXcodeでMovie Projectを実行します。
MovieProjectまたは別の反応ネイティブのサンプルプロジェクトを「分離」したい場合、簡単な方法は、新しい反応ネイティブアプリを初期化することです(react-native init MyAppName
)サンプルプロジェクト(Movie Projectの下の例)からJSファイルを新しいアプリフォルダーにコピーします。
そして、iOS/AppDelegate.mファイルを編集することを忘れないでください。
2行を編集する必要があります。
jsCodeLocation = [NSURL URLWithString:@"http:/localhost:8081/index.ios.bundle"];
沿って:
jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/MoviesApp.bundle"];
そして
RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
moduleName:@"MyAppName"
launchOptions:launchOptions];
沿って:
RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
moduleName:@"MoviesApp"
launchOptions:launchOptions];
最初に、入門ガイドの 要件 を満たします
次に、 React Native リポジトリをチェックアウトし、その中で以下を実行します。
npm install
open Examples/Movies/Movies.xcodeproj
リンクエラーが原因でコンパイルエラーが発生した場合は、派生データを削除すると役立つ場合があります。 Xcodeを終了し、/Users/{you}/Library/Developer/Xcode/DerivedData
を削除し、Xcodeを再度開きます。
また、次のコマンドを実行して、UIExplorerアプリのAndroidバージョンを実行できます。
./gradlew :Examples:UIExplorer:Android:app:installDebug
./packager/packager.sh
またはこれ:
./gradlew :Examples:Movies:Android:app:installDebug
./packager/packager.sh
映画の例の場合(react-nativeフォルダーで実行する必要があります)。
また、gradleデーモンを実行して、Androidのビルド時間を短縮できます。
ターミナルにnode.jsをインストールする必要があります
brew install node
ReactNativeはNode.jsを使用して、プロジェクト内でJavascriptコードをビルドします。
次に、FacebookのFile WatcherであるWatchmanが必要です。
brew install watchman
React Nativeは、変更があった場合にWatchmanを使用してコードを再構築します。
最後に、react-nativeフォルダーにターミナルウィンドウを使用してノードをインストールして実行します。
npm install
npm start
これで、Xcodeのreact-native/Examplesフォルダーからプロジェクトを開き、ビルドして実行できます。
1)ターミナルを開き、cd home/XYZ/react-native-master/Examples/UIExplorerを実行する特定のサンプルに移動します
2)npm installを実行します
3)npm startを実行します
4)Xcodeでサンプルを開き、そこから実行します。正常に動作するはずです。
PS:それはとても簡単でしたが、多くの答えも私を誤解させます。
私のような既存の反応ネイティブのプロジェクト/アプリを実行しようとしている人々のためにこれを更新したかっただけです:
ターミナルで:
** npm update -g(react nativeフォルダー内で)を実行して、npm installを実行する前にすべてのnpmパッケージが最新であることを確認することができます。
簡単なアプリケーションを作成するためのステップバイステップのチュートリアルを次に示します。
1)最初にcliツールをダウンロードします
2)npm run start
3)xcode IOSシミュレーターでアプリを起動します。
チュートリアルはこちら: http://www.syntaxsuccess.com/viewarticle/553844b55bbbb6000031f0f9