RN基础组件

Image的使用

1240.png

1240.png

1240-1.png

1240-2.png

图片布局

• 通过Image.resizeMode来适配图片布局，包括contain, cover, stretch
• 默认不设置模式等于cover模式
  • contain 模式自适应宽高，给出高度值即可
  • cover 铺满容器，但是会做截取
  • stretch 铺满容器，拉伸

定位

• 定位相对于父元素，父元素不用设置position也行
• padding 设置在Text元素上的时候会存在bug。所有padding变成了marginBottom

文本元素

• 文字必须放在Text元素里边
• Text元素可以相互嵌套，且存在样式继承关系
• numberOfLines 需要放在最外层的Text元素上，且虽然截取了文字但是还是会占用空间

---

• Text
  Image、Image、TextInput
  Touchable系列组件

• 不透明
  
  我是文本，但可以点击
  

• 网络请求

• rn函数语法
  （状态机 () -> (){}）

• 生命周期和网络数据请求

• ScrollView和ListView组件

• TabBarIOS和TabBarIOS.Item组件

• Navigator和NavigatorIOS组件

• 植入React Native进行混合开发

• React-native笔记