React Native 环境搭建

原创 2016年05月30日 17:13:34

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

版权声明:本文为博主原创文章,未经博主允许不得转载。

Windows下搭建ReactNative开发环境(Android)

学习了一段时间ReactNative,最近有空总结一下,同时给正在学习ReactNative的伙伴提供参考,少走弯路。现在网上大部分的教程都是不怎么完善,或者是Mac下的实现,然很多人对ReactNa...
  • maxwell_nc
  • maxwell_nc
  • 2017年03月09日 17:43
  • 2722

在windows上搭建React-Native开发环境

现在RN是越来越火了,我也趁机来凑凑热闹,记录一下我的搭建过程。   第一步,当然是按照Android开发环境啦,包括JDK、SDK、AndroidStudio等,在这里为大家推荐一个各种andro...
  • w815878564
  • w815878564
  • 2016年10月31日 14:57
  • 2778

React Native环境配置之Windows版本搭建

学习H5 Web开发怎么和安卓原生开发共存呢,React Native直接解决了这个问题:在运用H5开发的同时,还可以有效调用android原生态开发,直接两者兼具,既保留了android原生开发也运...
  • guiman
  • guiman
  • 2016年12月10日 22:07
  • 6413

Window系统,React_Native环境搭建,你值得拥有

  • 2017年04月07日 13:17
  • 742KB
  • 下载

react-native 环境搭建(上)

react-native环境需要npm,npm的安装这里不进行说明了,注意不要使用npm5,我的环境是npm3         安装react-native的工作集 npm install -g ...
  • guduyishuai
  • guduyishuai
  • 2018年01月10日 10:40
  • 18

React Native 一:开发环境搭建

在学习React Native的过程中,相信对于一个App开发工程师,没有充分的学习过前端开发技术的同学来说,顺利的搭建好开发环境还是比较纠结的。下面,我就根据我自己学习过程中的总结,跟大家讲解讲解如...
  • p106786860
  • p106786860
  • 2016年04月03日 23:55
  • 28277

mac react-native 环境搭建与运行

早期,从事android 开发,最先接触的是Cordova的混合开发,最近由于苹果热更新问题,下架app,为了解决这个问题,发现对于react-native 的热更新,还没有下架的应用。一是为了统一兼...
  • qq_26337701
  • qq_26337701
  • 2017年07月08日 23:29
  • 483

React Native开发环境搭建——window

适用对象:有过一定Android开发基础的人员,最起码知道什么是SDK及会配置SDK(不会的可以百度下,不作为本文重点)工具准备 Git下载https://git-scm.com/download/w...
  • u011084603
  • u011084603
  • 2017年07月03日 13:57
  • 128

瞎折腾系列之-react-native环境搭建遇到的坑。

前言基于最近懒癌得到缓解。需要把买的技术的书都看完(并不是想学技术,只是觉得不看完浪费钱了)。好了,进入正题。很早之前购入react-native开发指南,所以花了好几天的晚上才搭好了环境(载文件占了...
  • u011957758
  • u011957758
  • 2016年08月22日 00:27
  • 154

React Native Android(一)环境搭建

因为工作需要,最近正在学习React Native Android。温故而知新,把学习的内容记录下来巩固一下知识,也给有需要的人一些帮助。对程序员来说,入门的第一课毫无疑问就是搭建环境。...
  • yazhi1992
  • yazhi1992
  • 2016年10月29日 13:18
  • 1103
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:React Native 环境搭建
举报原因:
原因补充:

(最多只允许输入30个字)