关于NestedScrollView中的SliverAppBar的expandedHeight动态获取

最新推荐文章于 2024-04-11 05:50:18 发布

史蒂芬-周

最新推荐文章于 2024-04-11 05:50:18 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： Flutter 文章标签： flutter

本文链接：https://blog.csdn.net/HuberCui/article/details/115398655

Flutter 专栏收录该内容

14 篇文章

订阅专栏

本文探讨了在使用NestedScrollView时遇到的SliverAppBar高度动态调整的挑战。作者通过复制FlexibleSpaceBar代码并创建一个StatelessWidget，结合GlobalKey和RenderBox来在请求回调中获取第一帧的高度，从而实现高度的动态设置。这种方法为处理不确定高度的SliverAppBar提供了一种解决方案。

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

在写项目使用NestedScrollView折叠的时候，遇到一个问题，FlexibleSpaceBar中的内容需要动态展示，有的需要数据返回来可能隐藏，导致高度不定，但是SliverAppBar中expandedHeight只能固定写死，所以只能另寻其他途径获取这个高度。

copy一份FlexibleSpaceBar中的代码，另外写进一个StatelessWidget中，设置一个GlobalKey。

现在需要处理请求，在请求成功的回调中这样写，利用请求成功的第一帧来获取高度

WidgetsBinding.instance.addPostFrameCallback((_) {
      RenderBox _cardBox =
          _flexibleSpaceBarKey.currentContext.findRenderObject();

      Future.delayed(Duration(milliseconds: 10), () {
        setState(() {
          heightFlexibleSpaceBar = _cardBox.size.height;
        });
      });
    });