一、 Flutter Paddiing 组件

在 html 中常见的布局标签都有 padding 属性,但是 Flutter 中很多 Widget 是没有 padding 属
性。这个时候我们可以用 Padding 组件处理容器与子元素直接的间距。
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

二、 Flutter Row 水平布局组件

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

三、 Flutter Column 垂直布局组件

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

四、 Flutter Expanded 类似 Web 中的 Flex 布局

Expanded 可以用在 Row 和 Column 布局中
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

五、Flutter Stack 组件

Stack 表示堆的意思,我们可以用 Stack 或者 Stack 结合 Align 或者 Stack 结合 Positiond 来实
现页面的定位布局
在这里插入图片描述

六、Flutter Stack Align.

Stack 组件中结合 Align 组件可以控制每个子元素的显示位置
在这里插入图片描述

七、Flutter Stack Positioned.

Stack 组件中结合 Positioned 组件也可以控制每个子元素的显示位置
在这里插入图片描述

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐