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系列组件
  • 不透明
    <TouchableOpacity activeOpacity={0.45} onPress={}>
    <Text>我是文本,但可以点击</Text>
    </TouchableOpacity>
  • 网络请求

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

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

  • ScrollView和ListView组件

  • TabBarIOS和TabBarIOS.Item组件

  • Navigator和NavigatorIOS组件

  • 植入React Native进行混合开发

  • React-native笔记

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容