[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

相关推荐
kirk_wang9 小时前
Flutter艺术探索-Flutter调试工具:DevTools使用指南
flutter·移动开发·flutter教程·移动开发教程
小雨下雨的雨10 小时前
Flutter 框架跨平台鸿蒙开发 —— SingleChildScrollView 控件之长内容滚动艺术
flutter·ui·华为·harmonyos·鸿蒙
牛马11111 小时前
Flutter 多语言
前端·flutter
getapi12 小时前
在 Google Play 上更新你已上架的 Flutter 应用
flutter·googlecloud·web app
奋斗的小青年!!13 小时前
Flutter跨平台开发适配OpenHarmony:文件系统操作深度实践
flutter·harmonyos·鸿蒙
西西学代码15 小时前
Flutter---路径管理器项目
flutter
奋斗的小青年!!15 小时前
Flutter跨平台开发OpenHarmony应用:个人中心实现
开发语言·前端·flutter·harmonyos·鸿蒙
LawrenceLan15 小时前
Flutter 零基础入门(十五):继承、多态与面向对象三大特性
开发语言·前端·flutter·dart
Rysxt_15 小时前
Flutter与UniApp底层逻辑深度对比
flutter·uni-app