[flutter] 容器组件

Center

Center容器用来居中widget

Dart 复制代码
const Center({
    Key key, 
    double widthFactor, // 若该值为空,该组件宽度会尽可能大;若不为空,该组件的宽度就是子节点宽度的多少倍
    double heightFactor, // 同widthFactor
    Widget child // 子组件
}) : super(key: key, widthFactor: widthFactor, heightFactor: heightFactor, child: child);

Padding

Dart 复制代码
Padding({
  EdgeInsetsGeometry padding,
  Widget child,
})

Margin

如果你想为列添加外边距,可以将列用 Container 组件包裹,并使用 margin 属性指定所需的外边距。

复制代码
Container(
  margin: EdgeInsets.all(16.0),
  child: Column(
    children: [
      Text('Hello'),
      Text('World'),
    ],
  ),
)

Reference

5.4 容器组件(Container) | 《Flutter实战·第二版》https://blog.csdn.net/qq_33635385/article/details/100079162

相关推荐
神奇的程序员5 小时前
开发了一个管理本地开发环境的软件
前端·flutter
xmdy58666 小时前
Flutter+开源鸿蒙实战|智联邻里Day9 系统权限适配+应用全局分享+缓存深度优化+版本更新弹窗
flutter·开源·harmonyos
maaath10 小时前
【maaath】Flutter for OpenHarmony 乐器学习应用开发实战
flutter·华为·harmonyos
maaath15 小时前
【maaath】 Flutter for OpenHarmony 实战:电池优化应用开发指南
flutter·华为·harmonyos
勤劳打代码16 小时前
Flutter 架构日记 —— 可演进的 Flutter Dialog 组件
flutter·架构
Eric_HYD19 小时前
Flutter 字体字生效原理解析
flutter
maaath20 小时前
【无标题】Flutter for OpenHarmony 的文具手账应用开发实践
flutter·华为·harmonyos
里欧跑得慢20 小时前
Flutter 主题管理:构建一致的用户界面
前端·css·flutter·web
liulian09161 天前
Flutter for OpenHarmony 跨平台开发:单位转换功能实战指南
flutter
千码君20161 天前
Trae:一些关于flutter和 go前后端开发构建的分享
android·flutter·gradle·android-studio·trae·vibe code