[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

相关推荐
恋猫de小郭9 分钟前
Android 宣布 Runtime 编译速度史诗级提升:在编译时间上优化了 18%
android·前端·flutter
结局无敌1 小时前
Flutter性能优化实战:从卡顿排查到极致体验的落地指南
flutter·性能优化
火柴就是我1 小时前
dart 的 Lazy Iterable
flutter
走在路上的菜鸟1 小时前
Android学Dart学习笔记第十四节 库和导库
android·笔记·学习·flutter
遝靑2 小时前
Flutter 自定义渲染管线:从 CustomPainter 到 CanvasKit 深度定制(附高性能实战案例)
flutter
山屿落星辰2 小时前
Flutter 架构演进实战:从 MVC 到 Clean Architecture + Modularization 的大型项目重构指南
flutter
西西学代码3 小时前
Flutter---Notification(3)--就寝提醒
flutter
结局无敌3 小时前
Flutter跨平台开发:从原生交互到全端适配的实战拆解
flutter·交互
山屿落星辰3 小时前
Flutter 状态管理终极指南(一):从 setState 到 Riverpod 2.0
flutter·交互
遝靑3 小时前
Flutter 状态管理深度解析:Provider 与 Riverpod 核心原理及实战对比
flutter