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

瞎扯

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

这两个东西,前端的可能一看就懂,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迭代.开发维护.咨询业务,付费快速解决问题.