1.安装
1.jdk安装
http://blog.csdn.net/siwuxie095/article/details/53386227
环境变量配置
变量名: JAVA_HOME 变量值: D:\Java\JDK\jdk
变量名: CLASSPATH 变量值: .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar
变量名: Path 变量值: %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
2.react-native-cli安装
注意win10必须安装yarn否则会遇到npm权限的问题(这个问题纠结了我两个晚上,把yarn安装上就好了)
cnpm install -g react-native-cli yarn
react-native init FirstApp
react-native run-android
3.android sdk与android studio安装
https://developer.android.google.cn/index.html
http://blog.csdn.net/siwuxie095/article/details/53431818
android sdk环境变量配置
4.Genymotion模拟器安装
https://www.cnblogs.com/whycxb/p/6850454.html
f1访问模拟器内的开发者菜单
react-devtools调试react-native页面
2.react-native
1.react-native布局
flexDirection
alignItems
flex只接受一个参数
父视图属性:
flexDirection column row row-reverse column-reverse
flexWrap 是否允许内容溢出
justifyContent flex-start flex-end center space-between space-around
alignItems 决定其子元素沿着次轴的排列方式
flex-start、center、flex-end以及stretch
子视图属性
alignSelf auto flex-start flex-end center stretch
2.react-native button的使用
3.使用Touchablexxx组件来响应用户的点击事件
TouchableWithoutFeedback
TouchableHighlight 背景变暗
TouchableOpacity 降低按钮的透明度,不会改变背景的颜色
touchableNativeFeedback 形成类似水波纹的视觉效果,注意,此组件只支持android
4.react-native 图片加载
3.react-navigation使用
https://www.jianshu.com/p/2f575cc35780
https://www.jianshu.com/p/16711dde4f30