美文网首页
ReactNative UI布局之flex

ReactNative UI布局之flex

作者: 云里雾花 | 来源:发表于2018-06-11 11:27 被阅读0次

    ReactNative UI布局之flex

    flexDirection:决定flex的布局方向

    column:列方向 纵向的 row:行方向 横向的
    

    justifyContent:其子元素沿着主轴的排列方式

    * flex-start:左边对齐
    * center:居中 
    * flex-end:左边对齐
    * space-around:均分居中
    * space-between:各自在两边
    

    alignItems:可以决定其子元素沿着次轴(与主轴垂直的轴,比如若主轴方向为row,则次轴方向为column)的排列方式

    flex-start:左边对齐
    center:居中 
    flex-end:左边对齐
    stretch:要使stretch选项生效的话,子元素在次轴方向上不能有固定的尺寸
    

    相关文章

      网友评论

          本文标题:ReactNative UI布局之flex

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