React-native 官方 demo

按官网提供方式安装 java jdk1.8.x, python 2.7.x, android-studio, android-sdk
配置jdk, android 环境变量。
安装 react-native-cli (1.2.0)
安装依赖 react-native (0.55.4) // 注意指定版本,之前一直使用最新版本，demo跑不起来。
连接设备（使用真机调试），使用Android studio 中模拟器跑不起来。
配置adb 环境变量（方便在任意cmd窗口查询设备连接情况）
- 注：之前我自行下载adb 工具，发现跟sdk中adb版本不匹配，报错。
- 使用 sdk platform-tools 目录下自带adb.exe 工具。

测试设备连接情况

adb devices 若为

List of devices attached
6EB0217705000686        device
复制代码

则设备已连接。

若显示

List of devices attachedD:\wenrongjiao.com\react-native\my_first_app>
复制代码

则表示无设备连接

还有一种是已连接但是显示 offline 则执行以下命令：
```
adb kill-server
adb start-server
复制代码
```
重新开启服务。

使用react-native-cli脚手架初始化项目
```
react-native init youProjectName
复制代码
```

修改 react-native 依赖包版本

npm install react-native@0.55.4
复制代码

编译运行项目
```
react-native run-android
复制代码
```
等待编译安装（初次编译安装时间比较长，可能要十几分钟）
编译成功，设备上显示 Welcome to React Native! 字样。

React-native 官方 demo相关推荐

React Native官方DEMO
官方给我们提供了UIExplorer项目,这里边包含React Native的基本所有组件的使用介绍和方法. 运行官方DEMO步骤如下安装react native环境 React Native项目源 ...
React Native 学习资源精选仓库
<React Native Awesome>这里fork过来的,汇集了各类react-native学习资料.工具.组件.开源App.资源下载.以及相关新闻等,只求精不求全.因后面无法 Pu ...
React Native 学习资源精选仓库(汇聚知识，分享精华)
React Native 学习资源精选仓库(汇聚知识,分享精华) <React Native Awesome>这里fork过来的,汇集了各类react-native学习资料.工具.组件.开 ...
React Native封装Toast与加载Loading组件
React Native开发封装Toast与加载Loading组件在App开发中,我们避免不了使用的两个组件,一个Toast,一个网络加载Loading,在RN开发中,也是一样,React Nati ...
大咖说：React Native 全埋点实现原理（内附赠书）
本文主要介绍如何实现 React Native 的全埋点,主要是控件点击 $AppClick 事件.该内容,会默认你有一定的 React Native 开发经验,(若没有,也可参与文末赠书). ■ 作 ...
移动开发者如何更好地学习 React Native？ | 技术头条
作者 | 魔笛责编 | 郭芮 2015年3月,Facebook正式发布react-native,只支持iOS平台:2015年9月,Facebook发布了React Native for Androi ...
2.React Native Flex布局介绍以及实践
好久没有写博客,一直在用自己的印象笔记记录一些问题.2017年了,想重新的把博客写起来.也希望通过这个平台交一些朋友. 没有具体的介绍基本的语法,主要是说明了与标准的CSS Flex的一些区别以及一个 ...
React Native Android 从学车到补胎和成功发车经历
[工匠若水 http://blog.csdn.net/yanbober 未经允许严禁转载,请尊重作者劳动成果.私信联系我] 1 背景好几个月没发车了,完全生疏了,为了接下来能持续性的发好车,这次先准 ...
android开发rn插件,在Android原生应用中嵌入React Native
开发工具:Android Studio , WebStorm 参考链接:React Native官方中文文档一.创建React Native项目 1.在本地React Native项目目录下,创建一 ...
iOS开发者React Native学习路线
2019独角兽企业重金招聘Python工程师标准>>> http://blog.talisk.cn/blog/2016/08/13/RN-Learning-path-for-iOS- ...

React-native 官方 demo

React-native 官方 demo

React-native 官方 demo相关推荐

最新文章

热门文章