[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

相关推荐
张风捷特烈2 小时前
每日一题 Flutter#4 | 说说组件 build 函数的作用
android·flutter·面试
小镇梦想家19 小时前
鸿蒙NEXT-Flutter(2)
flutter
至善迎风21 小时前
一键更新依赖全指南:Flutter、Node.js、Kotlin、Java、Go、Python 等主流语言全覆盖
java·flutter·node.js
椒盐煎蛋1 天前
新建的Flutter插件工程,无法索引andorid工程代码;无法索引io.flutter包下代码。
flutter
张风捷特烈1 天前
每日一题 Flutter#3 | 说说 Widget 的派生体系
android·flutter·面试
爱意随风起风止意难平1 天前
003 flutter初始文件讲解(2)
学习·flutter
每次的天空1 天前
Android第十一次面试flutter篇
android·flutter·面试
getapi2 天前
为什么 uni-app 开发的 App 没有明显出现屏幕适配问题Flutter 开发的 App 出现了屏幕适配问题
flutter·uni-app
getapi2 天前
使用 Flutter 开发 App 时,想要根据 Figma 设计稿开发出响应式 UI 界面
flutter·ui·figma
只可远观2 天前
Flutter GridView网格组件
flutter