react-native学习笔记（一）

一、配置环境

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，配置过后再补充

二、创建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刷新界面

三、组件

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