react-native学习笔记（一）

1、配置环境

1.在windows上配置环境

1.1安装node.js
    在node.js官网下载对应的版本，点击安装便可
1.2安装npm
    npm在node安装时就已经安装好了，若是要使用cnpm淘宝镜像，运行npm install -g cnpm --registry=https://registry.npm.taobao.org，安装成功后使用cnpm代替npm，用法相同
1.3安装jdk
1.4安装Android studio
1.5安装SDK
1.6安装react-native命令行工具
    npm install -g react-native-cli

2.在Mac上配置环境

暂无Mac，配置事后再补充

2、建立RN项目

1.打开cmd
2.cd到工做目录
3.输入react-native init xxx建立一个名字为xxx的项目
4.打开Android studio，将项目中的android文件夹导入，打开app/src/build-rules.pro
5.点击run将app运行在虚拟机
6.在命令行输入react-native run-android
7.修改代码保存后在虚拟机上双击r刷新界面

3、组件

1.底部导航组件react-native-tab-navigator[连接描述][1]
2.本地数据库存储组件react-native-storage[连接描述][2]
3.轮播图组件react-native-banner[连接描述][3]
4.native-base[连接描述][4]
5.react-native-parallax-scroll-view[连接描述][5]
6.react-native-video[连接描述][6]
7.自定义顶部NavgationBar