文档章节

react-native android学习-开发环境(windows10)

隐性精神病人
 隐性精神病人
发布于 2016/04/22 10:52
字数 815
阅读 140
收藏 2

声明:操作系统:windows 10 pro 64位,所有命令在node 命令行中执行。

第一步:安装node 最新的stable版,顺带着就会安装npm

 https://nodejs.org/en/

node 是一个基于v8的javascript运行环境

npm 是javascript的包管理器,可以用来管理开发时需要使用的模块,特别是模块之间的依赖

注意:安装时,不要取消添加到环境变量”(默认是选中的)。

我这里安装了 node-4.4.3 ,npm:3.8.6

第二步:安装react-native-cli

打开node的命令行窗口     

执行

 npm install -g react-native-cli

第三步:安装最新版的jdk1.8,安装android studio

配置环境变量:key:ANDROID_HOME  value:{你的android skd安装目录}

我的配置


然后打开android sdk目录里的sdk manager

你需要安装下图中红色框内的sdk包

至此你的开发环境已经初步搭建好了

因为安装和使用Genymotion和oracle virual box时,可能会遇到很多其它问题

推荐使用真机测试,可以避免很多不必要的麻烦

搞个demo试试:

1,在你想要建立项目的目录下,执行命令

react-native init {你的项目名称}

我的叫ccApp,得到这个界面

然后就等着吧,这是npm从官方包管理平台下拉取依赖,时间略长,根据网络情况 ,几分钟到几小时不等。

可以考虑配置使用淘宝镜像拉取。

2,安装完依赖以后,将手机用usb链接到电脑,打开usb调试,命令行中执行

adb devices

看看你的设备有没有连接上?

进入项目目录 ,重新打开一个命令行 窗口,进入项目目录,执行

react-native start

时间略长。

这样我们的服务端就运行起来了,然后在前一个命令行窗口执行

react-native run-android


第一次,它会自动安装gradle,这个是android上需要使用的构建工具,我不太清楚,反正它会给下载安装

时间略长

经过一长串输出:得到

哟西,构建成功,安装成功,但是手机上面app自动启动后报了红色错误页。

这里是因为没有设置设备访问的IP和端口

我这里是192.168.10.77:8081

调出app菜单(也许你可以试试摇一摇),在dev-setting选项中的最后一个选项下设置ip和端口号

然后点击reload js ,大功告成,试着修改index.android.js的内容吧,然后reload

接下来你可以试试react-native 仓库中example的安装步骤,试着安装example吧。

NOTE

坑1,安装android sdk的时候,版本要选对啊,之前因为安装了23.0.3,就想着不用安装23.0.1,但是后来会报错啊,所以你懂安卓的话,你可以改配置文件,不懂安卓的话,一定要选上必须的安装的版本。

坑2,一切都设置对了也报错”Can't find variable: __fbBatchedBridge “ 请参照 https://github.com/facebook/react-native/issues/4881

参考链接:

http://facebook.github.io/react-native/releases/0.23/docs/android-setup.html#content 

https://gist.github.com/davidgilbertson/9bee68548037fe00f2a8   

http://stackoverflow.com/questions/34406567/react-native-get-stuck-at-dependency-graph




© 著作权归作者所有

隐性精神病人
粉丝 4
博文 18
码字总数 13763
作品 0
西安
私信 提问
ReactNative&weex&&DeviceOne对比

  React Native出来有一段时间了,国内的weex和deviceone是近期发布的,我可以说从2011年就开始关注快速开发的跨平台平台技术了,接触过phoneGap、数字天堂、appcan等早期的移动中间件技术...

jonh_felix
2016/07/25
696
0
linux平台安装React Native遇到的坑

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011068702/article/details/82631458 3年前我在windows平台安装过React Native,我一直都记忆犹新,那个时候f...

chenyu_insist
2018/09/11
0
0
React-Native 之 环境配置和简单使用

前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人接触 React Native 时间并不是特别长,所以对其中的内容和性质了解可能会有所偏差,在...

postdep
2018/05/01
0
0
最新的在原生Android应用中集成ReactNative

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/SilenceOO/article/details/88261077 集成到现有原生应用 把 React Native 组件集成到 Android 应用中有如下几...

PennTsui
03/06
0
0
React Native macOS Android 搭建开发环境

这个讲的是React Native完整的原生开发环境。 这个环境的搭配,会根据你使用的操作系统、针对的目标平台不同,具体的搭配步骤就会有所不同;如果想同时开发iOS和Android也是没有问题的,你需...

帝子兮
2018/12/03
41
0

没有更多内容

加载失败,请刷新页面

加载更多

《Designing.Data-Intensive.Applications》笔记 四

第九章 一致性与共识 分布式系统最重要的的抽象之一是共识(consensus):让所有的节点对某件事达成一致。 最终一致性(eventual consistency)只提供较弱的保证,需要探索更高的一致性保证(stro...

丰田破产标志
今天
4
0
docker 使用mysql

1, 进入容器 比如 myslq1 里面进行操作 docker exec -it mysql1 /bin/bash 2. 退出 容器 交互: exit 3. mysql 启动在容器里面,并且 可以本地连接mysql docker run --name mysql1 --env MY...

之渊
今天
6
0
python数据结构

1、字符串及其方法(案例来自Python-100-Days) def main(): str1 = 'hello, world!' # 通过len函数计算字符串的长度 print(len(str1)) # 13 # 获得字符串首字母大写的...

huijue
今天
4
0
OSChina 周日乱弹 —— 我,小小编辑,食人族酋长

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @宇辰OSC :分享娃娃的单曲《飘洋过海来看你》: #今日歌曲推荐# 《飘洋过海来看你》- 娃娃 手机党少年们想听歌,请使劲儿戳(这里) @宇辰OSC...

小小编辑
今天
992
11
MongoDB系列-- SpringBoot 中对 MongoDB 的 基本操作

SpringBoot 中对 MongoDB 的 基本操作 Database 库的创建 首先 在MongoDB 操作客户端 Robo 3T 中 创建数据库: 增加用户User: 创建 Collections 集合(类似mysql 中的 表): 后面我们大部分都...

TcWong
今天
40
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部