登录 注册
当前位置:主页 > 资源下载 > 33 > 全面的ReactNative布局样式指南

全面的ReactNative布局样式指南

  • 更新:2024-12-15 23:53:56
  • 大小:9KB
  • 推荐:★★★★★
  • 来源:网友上传分享
  • 类别:Web开发 - 开发技术
  • 格式:RTF

资源介绍

ReactNative布局样式大全,比如如下: 布局的: "alignItems", 对外垂直对齐 flex-start、flex-end、center、auto、stretch "alignSelf",相对水平对齐 flex-start、flex-end、center、auto、stretch "flexDirection",(方向) row(横向伸缩)和column(纵向伸缩) "justifyContent",(水平) 有竖直就水平 flex-start,flex-end,center,space-between,space-around flexWrap(换行) nowrap和wrap flex 可伸缩 大于0的时候才可伸缩 "position", relative/absolute 样式的: "resizeMode", 图片缩放 cover 保持图片宽高比的前提下缩放图片,直到宽度和高度都大于等于容器视图的尺寸 contain 保持图片宽高比的前提下缩放图片,直到宽度和高度都小于等于容器视图的尺寸 stretch 拉伸图片 repeat 重复平铺图片直到填满容器 限IOS center: 居中不拉伸