关闭

React Native 环境搭建

标签: AndroidReactNativeReact Native环境搭建
136人阅读 评论(0) 收藏 举报
分类:

本文主要记录的是针对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就可以看到工程的主界面了。

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:3861次
    • 积分:293
    • 等级:
    • 排名:千里之外
    • 原创:26篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类