Flutter--自定义AppBar的actions中组件的大小

最新推荐文章于 2024-05-18 00:02:01 发布

antu58

最新推荐文章于 2024-05-18 00:02:01 发布

阅读量2.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： flutter开发文章标签： flutter

本文链接：https://blog.csdn.net/weixin_41735943/article/details/120786496

flutter开发专栏收录该内容

44 篇文章

订阅专栏

本文探讨了如何在AppBar中使用UnconstrainedBox来确保actions按钮的布局不受父组件尺寸限制，同时避免因尺寸超出导致的溢出问题。重点在于理解如何适当地应用此组件以实现预期的UI效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

AppBar中指定了actions按钮的约束条件，必须通过UnconstrainedBox来 “去除” 父元素的限制。

//如果UnconstrainedBox 的大小超过它父组件约束时，也会导致溢出报错

AppBar(
  title: Text(title),
  actions: <Widget>[
    UnconstrainedBox(
      child: SizedBox(
        width: 20,
        height: 20,
        child: CircularProgressIndicator(
          strokeWidth: 3,
          valueColor: AlwaysStoppedAnimation(Colors.white70),
        ),
      ),
    )
  ],
)