react-native init AwesomeProject
    cd AwesomeProject
    react-native run-android



    cd AwesomeProject
    react-native start


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



    安卓运行

    保持packager开启,另外打开一个命令行窗口,然后在工程目录下运行

    react-native run-android
    首次运行需要等待数分钟并从网上下载gradle依赖。(这个过程屏幕上可能出现很多小数点,表示下载进度。这个时间可能耗时很久,也可能会不停报错链接超时、连接中断等等—取决于你的网络状况和墙的不特定阻断。总之要顺利下载,请使用稳定有效的科学上网工具。)

    运行完毕后可以在模拟器或真机上看到应用自动启动了。

    如果apk安装运行出现报错,请检查上文中安装SDK的环节里所有依赖是否都已装全,platform-tools是否已经设到了PATH环境变量中,运行adb devices能否看到设备。

    至此,应该能看到APP红屏报错,这是正常的,我们还需要让app能够正确访问pc端的packager服务。

    摇晃设备或按Menu键(Bluestacks模拟器按键盘上的菜单键,通常在右Ctrl的左边 或者左Windows键旁边),可以打开调试菜单,点击Dev Settings,选Debug server host for device,输入你的正在运行packager的那台电脑的局域网IP加:8081(同时要保证手机和电脑在同一网段,且没有防火墙阻拦),再按back键返回,再按Menu键,在调试菜单中选择Reload JS,就应该可以看到运行的结果了。

    如果真实设备白屏但没有弹出任何报错,可以在安全中心里看看是不是应用的”悬浮窗”的权限被禁止了。

    安卓调试

    打开Chrome,访问 http://localhost:8081/debugger-ui,应当能看到一个页面。按F12打开开发者菜单。

    在模拟器或真机菜单中选择Debug JS,即可开始调试。




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

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


    https://github.com/fangwei716/30-days-of-react-native


    其实could not get batchedbridge,make sure your bundle is packaged correctly这个错还有一种情况,就是一运行,不知道是不是看脸的,有的时候上面的json配置里面加了代码还是不行,怎么运行都是报这个错,dev settings里面的ip和端口也是好的,访问/index.android.bundle?platform=android也是ok的,就是报这个错,这个时候你就得看哪里有异常了,我目前遇到的就是assets这个目录没有生成,所以报这个错,搞的我一开始还以为是其它什么原因,这才想起有的时候配置也是没什么乱用的,解决方案网上也有,进入到根目录下运行命令:react-native bundle —platform android —dev false —entry-file index.android.js —bundle-output android/app/src/main/assets/index.android.bundle —assets-dest android/app/src/main/res/,在重新运行你的项目,ok了,有的时候你新下载的项目运行,发现也是assets文件没有生成,程序会奔溃(Can’t find variable: __fbBatchedBridge),只要用命令生成文件就行了