脚本宝典收集整理的这篇文章主要介绍了react-native学习笔记（一），脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
@H_126_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，配置过后再补充
二、创建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
以上是脚本宝典为你收集整理的react-native学习笔记（一）全部内容，希望文章能够帮你解决react-native学习笔记（一）所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。