前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Flutter常用widget “Expanded”,“Flexible”

Flutter常用widget “Expanded”,“Flexible”

作者头像
坑吭吭
发布2018-08-31 17:36:17
1.7K0
发布2018-08-31 17:36:17
举报
文章被收录于专栏:一直在跳坑然后爬坑

Expanded 这是个用来让子项具有伸缩能力的widget

Expanded继承自Flexible,但是它们两个的区别并不大,看它们的构造方法:

代码语言:javascript
复制
class Expanded extends Flexible {
  /// Creates a widget that expands a child of a [Row], [Column], or [Flex]
  /// expand to fill the available space in the main axis.
  const Expanded({
    Key key,
    int flex: 1,
    @required Widget child,
  }) : super(key: key, flex: flex, fit: FlexFit.tight, child: child);
}
代码语言:javascript
复制
class Flexible extends ParentDataWidget<Flex> {
  /// Creates a widget that controls how a child of a [Row], [Column], or [Flex]
  /// flexes.
  const Flexible({
    Key key,
    this.flex: 1,
    this.fit: FlexFit.loose,
    @required Widget child,
  }) : super(key: key, child: child);
    ……
}

可见它们两个的默认灵活系数是一样的,但是fit参数不同,Expanded是默认要占满分配的空间的,而Flexible则默认不需要

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.07.19 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Expanded 这是个用来让子项具有伸缩能力的widget
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档