react-native学习笔记

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