React Native 环境搭建

本文主要记录的是针对mac环境下的ReactNative环境搭建的

1、下载并安装jdk

2、下载idk，下载地址http://tools.android-studio.org，下载完成之后设置环境变量

     1）、cd ~

      2)、touch .bash_profile

      3)、open .bash_profile

      4)、在打开的文件中加入

            export ANDROID_HOME={/your/sdk/path/}android-sdk-macosx
            export PATH=${PATH}:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

      5)、source .bash_profile 退出并保存文件

3、使用home-brew安装npm ：brew install npm

     然后 安装react－native  ：nam install -g react-native-cli

     安装watchman：brew install watchman

     安装flow： brew install flow

4、初始化示例demo：react-native init HelloNative   这一步耗时较久，要耐心等待，之后进入工程目录   cd HelloNative

    运行工程：react-native run-android

这个环境直接使用真机调试，运行在小米3之后会出现屏幕一片空白的情况，解决如下：设置 －>点击“其他应用管理”->找到示例的应用，点击权限管理  ->在显示悬浮框那里勾选允许 ，设置完之后返回应用主界面，摇晃下手机，选择reload JS，这时可能会出现红屏的情况，再次摇晃手机，点击Dev Settings 之后点击Debug server host & port for device后填上你的电脑的ip地址，端口默认为8081；电脑跟调试的手机需要处于同个Wi-Fi环境下。之后再重新reloadJS就可以看到工程的主界面了。