美文网首页
React-Native(1)

React-Native(1)

作者: Guow110 | 来源:发表于2018-12-19 16:03 被阅读7次

Flexbox布局

  • Flex Direction:决定布局主轴的方向
  • row:水平轴
  • column:竖直轴
  • Justify Content:决定子元素沿着主轴的排列方式
  • flex-start :靠着起始的方向
  • center:居中显示
  • flex-end:靠着结束的方向
  • space-around:除了盒子剩下的空间平分
  • space-evenly :均匀排列每个元素,每个元素之间的间隔相等
  • Align Items:决定自娱阿奴素沿着次轴的排列方式
  • flex-start
  • center
  • flex-end
  • stretch :要使stretch选项生效的话,子元素在次轴方向上不能有固定的尺寸。

相关文章

网友评论

      本文标题:React-Native(1)

      本文链接:https://www.haomeiwen.com/subject/qyejkqtx.html