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

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

原创最新推荐文章于 2024-04-11 05:50:18 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flutter

Flutter 专栏收录该内容

14 篇文章

订阅专栏

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

部署运行你感兴趣的模型镜像

在写项目使用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;
        });
      });
    });

您可能感兴趣的与本文相关的镜像