Image的使用
图片布局
- 通过Image.resizeMode来适配图片布局,包括contain, cover, stretch
- 默认不设置模式等于cover模式
- contain 模式自适应宽高,给出高度值即可
- cover 铺满容器,但是会做截取
- stretch 铺满容器,拉伸
定位
- 定位相对于父元素,父元素不用设置position也行
- padding 设置在Text元素上的时候会存在bug。所有padding变成了marginBottom
文本元素
- 文字必须放在Text元素里边
- Text元素可以相互嵌套,且存在样式继承关系
- numberOfLines 需要放在最外层的Text元素上,且虽然截取了文字但是还是会占用空间
- Text
Image、Image、TextInput
Touchable系列组件
- 不透明
<TouchableOpacity activeOpacity={0.45} onPress={}>
<Text>我是文本,但可以点击</Text>
</TouchableOpacity>
网络请求
rn函数语法
(状态机 () -> (){})生命周期和网络数据请求
ScrollView和ListView组件
TabBarIOS和TabBarIOS.Item组件
Navigator和NavigatorIOS组件
植入React Native进行混合开发