react native的hello world项目

来源:互联网 发布:小米6 4g网络 编辑:程序博客网 时间:2024/06/14 04:46

摘自  http://reactnative.cn/docs/0.31/getting-started.html#content

测试安装

react-native init AwesomeProjectcd AwesomeProjectreact-native run-android

手动运行Packager

有个常见的问题是在你运行react-native run-android命令后,Packger可能不会自动运行。此时你可以手动启动它:

cd AwesomeProjectreact-native start

如果你碰到了ERROR Watcher took too long to load的报错,请尝试将这个文件中的MAX_WAIT_TIME值改得更大一些 (文件在node_modules/react-native/目录下)。

修改项目

现在你已经成功运行了项目,我们可以开始尝试动手改一改了:

  • 使用你喜欢的文本编辑器打开index.android.js并随便改上几行
  • 按两下R键,或是用Menu键(通常是F2,在Genymotion模拟器中是⌘+M)打开开发者菜单,然后选择 Reload JS 就可以看到你的最新修改。
  • 在终端下运行adb logcat *:S ReactNative:V ReactNativeJS:V可以看到你的应用的日志。

完成了!

恭喜!你已经成功运行并修改了你的第一个React Native应用。


0 0