[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

相关推荐
tangweiguo030519872 小时前
Flutter与原生混合开发:实现完美的暗夜模式同步方案
android·flutter
程序员老刘4 小时前
CTO紧急叫停AI编程!不是技术倒退,而是...
flutter·ai编程
leazer5 小时前
Flutter TabBar 字体缩放动画抖动问题及优化方案
flutter
yuanpan9 小时前
认识跨平台UI框架Flutter和MAUI区别,如何选。
flutter·ui·maui
无知的前端10 小时前
一文精通-Flutter 状态管理
flutter
阿笑带你学前端10 小时前
Drift数据库开发实战:类型安全的SQLite解决方案
前端·flutter
农夫三拳_有点甜11 小时前
Flutter MaterialApp 组件属性第一章
flutter
阿笑带你学前端11 小时前
Flutter应用架构设计:基于Riverpod的状态管理最佳实践
前端·flutter
Zender Han1 天前
Flutter 视频播放器——flick_video_player 介绍与使用
android·flutter·ios·音视频
恋猫de小郭1 天前
Flutter Riverpod 3.0 发布,大规模重构下的全新状态管理框架
android·前端·flutter