Rn基本用法:
Rn运行环境搭建
1.brew install node
2.brew install watchman
3.npm install react-native-cli -g
创建运行一个Rn项目:News
1.react-native init News
2.cd News
3.adb reverse tcp:8081 tcp:8081
4.react-native run-android或者react-native run-ios
如果运行android项目失败:记得配环境变量
1.open .bash_profile
2.export ANDROID_HOME=/Users/xxx/developer/sdk
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
3.source .bash_profile
否则需要再每个项目下都加local.properties文件
sdk.dir=/Users/xxx/developer/sdk
用yarn来代替npm管理库:命令简洁已用
brew install yarn
yarn add <Name> 举例:yarn add react-navigation
yarn remove <Name>
查看react-native 版本号
react-native -version
学习github上案例时注意本地的版本可能和网上资源的rn版本不一致,所以代码有时不能直接使用
需要先用指定版本的react-native替换掉默认的版本
例如:yarn add react-native@0.20.0
开发过程:
用WebStorm打开News项目
编辑index.android.js
运行可以看到修改的效果
相关阅读: