如何运行React-Native示例？
我找不到任何有关如何安装和运行“ https://github.com/facebook/react-native/tree/master/Examples ”中提供的其他示例的说明，例如“ 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
和terminal，其中“npm start”在根文件夹处运行，输出：
Error: EISDIR, read at Error (native) [02:35:02] <START> request:/Examples/Movies/MoviesApp.includeRequire.runModule.bundle
除了必须在react-native目录中运行npm install之外，它应该按照“ 入门教程”工作。
然后运行例如Xcode的Movie Project。
如果你想“隔离”MovieProject或其他反应原生的示例项目，最简单的方法是初始化一个新的反应本机应用程序（ react-native init MyAppName ），并从示例项目中复制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的构build时间。
你必须在你的terminal中安装node.js
brew install node
ReactNative使用Node.js在项目内build立Javascript代码。
那么你需要Watchman，一个来自Facebook的文件观察员
brew install watchman
React Native使用Watchman在其中有更改时重build您的代码。
最后一件事情是在react-native文件夹中安装并运行带有terminal窗口的节点。
npm install npm start
现在，您可以从Xcode中的react-native / Examples文件夹中打开一个项目，然后构build并运行它。
1）打开你的terminal，cd到你要运行的具体例子cd home / XYZ / react-native-master / Examples / UIExplorer
2）运行npm install
3）运行npm start
4）打开Xcode的例子，并从那里运行它应该工作正常。
PS：这很简单，但也有很多答案误导我。
- 酿造更新
- brew安装节点
- brew升级节点（如果你已经安装）
- 酿造安装看守员
- npm install -g react-native-cli
- react-native init [name ur app] –version 0.24.0（取决于你想使用哪个版本，如果它没有在下面使用）（6）。 react-native init [name ur app] –verbose
- CD [名称你的应用程序]
- 打开。
- npm开始
- primefaces。 （如果你安装primefaces）
这是一个一步一步的教程创build一个简单的应用程序。
1）首先下载cli工具
2）npm运行开始
3）在xcode IOS模拟器中启动应用程序。
这里的教程： http : //www.syntaxsuccess.com/viewarticle/553844b55bbbb6000031f0f9
只是想更新这个只是试图运行像我这样的现有的反应本地项目/应用程序的人：
在docker：
- npm安装
- npm start（应该打开一个单独的窗口来运行反应包pipe理器，或者可以使用现有的terminal窗口，如果是这种情况，则需要打开一个新的terminal窗口来键入第3步的命令）
- react-native run-ios / react-native run-android
**您可能需要运行npm update -g（在反应的本地文件夹中）以确保在运行npm install之前，所有的npm软件包都是最新的
在Windows 10上，我不得不做adb shell am start -n com.facebook.react.movies/.MoviesActivity得到的例子运行。 （确保ANDROID_SDK\platform-tools在path或运行命令与绝对path）
所以一步一步我必须做的：
cd react-native ./gradlew :Examples:Movies:android:app:installDebug adb shell am start -n com.facebook.react.movies/.MoviesActivity ./packager/packager.sh
要么
./gradlew :Examples:UIExplorer:android:app:installDebug adb shell am start -n com.facebook.react.uiapp/.UIExplorerActivity ./packager/packager.sh