美文网首页
日更(二十八)-Flutter-Column与Row

日更(二十八)-Flutter-Column与Row

作者: Jlanglang | 来源:发表于2019-01-28 23:02 被阅读0次

    瞎扯

    今天年会,回家比较晚,随便写写咯

    这两个东西,前端的可能一看就懂,android不一定知道

    Column

    其实就是Col,列的意思.
    不知道为什么要叫Column全称.哈哈

    Android理解起来的话,可以把这个看成是线性布局.也就是

        android:orientation="vertical"
    

    这个属性.

    Row

    这个和前端名字一样了.代表行

    也就是

            android:orientation="horizontal"
    

    属性

    image.png
    image.png

    可以看到,两个组件的属性几乎是一样的.

    • MainAxisAlignment:主轴方向上的对齐方式,会对child的位置起作用,
      相当于,Column是列,所以主轴是垂直的,这个属性就是垂直对齐的

    • CrossAxisAlignment:在交叉轴方向的对齐方式,会对child的位置起作用
      同样,如果是Column,因为主轴是垂直的,所以这个属性就是设置水平对齐的.
      Row的话就是反过来.

    • MainAxisSize:在主轴方向宽度大小。

    • MainAxisSize的值有两种:max , min
      max ,相当于Android的match_parent
      min,相当于Android的wrap_content.

    TextDirection:文字方向,就是RTL模式.一般处理阿拉伯语
    VerticalDirection:同上,控件的渲染方向,


    layout_weight是哪个属性呢?

    Expanded(child: Row())
    

    需要包一层Expanded.这样就相当于是layout_weight=1了.


    交流群:493180098,这是个很少吹水,交流学习的群.
    APP开发维护咨询群 : 492685472 ,承接APP迭代.开发维护.咨询业务,付费快速解决问题.

    相关文章

      网友评论

          本文标题:日更(二十八)-Flutter-Column与Row

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