在Android的世界里畅游了许久,感受着其中无与伦比的魅力。如今,又站在ReactNative的大门入口,小心窥探这个世界。
【项目地址】
参考文档
ReactNative中文网:http://reactnative.cn
ReactNavigation导航:https://reactnavigation.org
Redux 中文文档:http://cn.redux.js.org/
Redux-saga 中文文档:http://leonshi.com/redux-saga-in-chinese/index.html
使用API
常用命令
以下命令只针对Windows平台
- 查看已连接设备:
adb devices
- 查看Android模拟器列表:
android list avd- 指定name,启动模拟器:
emulator -avd [name]- 部署Apk,并运行:
react-native run-android- 开启开发者菜单【Ctrl+M】:
adb shell input keyevent 82- 开启packager服务【操作4部署apk同时也会开启packager服务】
react-native start- Android平台JS打包生成bundle文件:
react-native bundle –platform android –entry-file index.android.js –reset-cache –bundle-output android/app/src/main/assets/index.android.bundle –dev false –assets-dest android/app/src/main/res/- Debug模式链接:
http://localhost:8081/debugger-ui
推荐一款ReactNative插件,无需输入各种命令行
https://github.com/smuyyh/ReactNativeTools
Yarn、React Native的命令行工具(react-native-cli)
Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。
npm install -g yarn react-native-cli
安装完yarn后同理也要设置镜像源:
yarn config set registry https://registry.npm.taobao.org –global
yarn config set disturl https://npm.taobao.org/dist –global
如果你遇到EACCES: permission denied
权限错误,可以尝试运行下面的命令(限linux系统): sudo npm install -g yarn react-native-cli.
安装完yarn之后就可以用yarn代替npm了,例如用yarn
代替npm install
命令,用yarn add 某第三方库名
代替npm install --save 某第三方库名
。
注意:目前npm5(发文时最新版本为5.0.4)存在安装新库时会删除其他库的问题,导致项目无法正常运行。请尽量使用yarn代替npm操作。