React-Native

部分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 属性未知

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容