Flutter组件学习(四)—— 布局组件Row和Column

  • 时间:
  • 浏览:0
  • 来源:彩神欢乐生肖_神彩欢乐生肖官方

后后这另另另3个的构造辦法 总要一样的,用法也是一样的,很久方向上的不同,很久亲们分析另另另3个就好了:

具体效果,看下面这张图就一目了然了:



3、crossAxisAlignment

这种属性用来控制非主轴的对齐辦法 ,比如说当你使用 Row 布局的后后,不能设置竖直方向上的对齐辦法 ,Column 也是一样,它的值有本身:



具体效果看下图:



4、textDirection

这种属性用来控制 Row 布局中内部子组件的摆放顺序,有本身:



具体效果如下图所示:



5、verticalDirection

这种属性用来控制 Column 布局中内部子组件的摆放顺序,有本身:



具体效果如下图所示:



6、textBaseline

这种属性也是用来设置子组件对齐的,只不过对齐的是字符的基线,有另另另3个值:



只能注意的是,上文说到,这种只能配合 crossAxisAlignment 属性来使用,来看一下具体的效果:

原文发布时间为:2018-12-17

本文作者:24K纯帅豆

本文来自云栖社区战略媒体合作伙伴“ IT先森养成记”,了解相关信息不能关注“cyg_24kshign”微信公众号

1、mainAxisAlignment

这种属性用来设置主轴的对齐辦法 ,何为主轴?后后当前是 Row 组件,没有 主轴很久水平的,后后当前是 Row 布局,没有 主轴很久水平的,这种点很重类事前端的 flex 布局,总要点类事于 Android 中的 ConstraintLayout 布局,它的值有六种:



后后底下的文字说明很重绕,具体效果不能看一下下面这张图:



2、mainAxisSize

这种属性用来设置 Row/Column 布局的宽高值,有另另另3个值不能设置:

序言

后后几篇文章介绍了Flutter——Text文字组件,Flutter——Image图片组件,Flutter——TextFiled输入框组件,底下的这种组件不能说是一点直接能“看的到”样式组件,接下来我会带亲们一起去来学习 Flutter 中的一点“看只能”的布局组件,老规矩,先上图:



介绍

亲们都知道,在Android带有几大常用布局,LinearLayout,RelativeLayout,FrameLayout,GridLayout 等等,在 Flutter 中总要类事的一点布局,比如亲们今天要讲的 Row/Column 布局;看字面意思亲们离米 就能知道,这是另另另3个横向布局和另另另3个纵向布局,没错,这另另另3个就对应 LinearLayout 中 orientation 的 horizontal 和 vertical 属性,下面来了解一下这另另另3个布局的用法。

构造辦法