美文网首页
React-Native

React-Native

作者: iOS_我更专业 | 来源:发表于2018-03-15 17:30 被阅读0次

    部分UI语法:

       1、flexDirection 控制整体的横纵向布局(默认纵向)

                row:横向布局

                column:纵向布局

        2、padding 内边距

        3、justifyContent 顶着头,还是顶着尾(默认头)

                flex-start:头

                flex-end:尾

                space-around:相对居中(不顶头,不顶尾)

                space-between:相对居中(顶头,顶尾)

    4、alignItems 布局相对于这一行来说是在左边还是右边

                flex-start:头

                center:居中

                flex-end:尾

        相对于父视图,又单独设置的布局:alignSelf

    5、marginLeft 相对于父视图居左

         marginTop 相对于父视图居头

        marginRight 相对于父视图居右

        marginBottom 感觉是相对于父视图的布局,但没起作用(有哪位大神可以指导一下)

    6、alignContent 属性未知

            还会持续更新,有什么不对的地方,还请小伙伴指教~~~

    相关文章

      网友评论

          本文标题:React-Native

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