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