Flutter在下拉sliverlist时如何删除sliverappbar和sliverList之间的白色空白?

问题描述 投票:0回答:1

我想与SliverList一起向下同步SliverAppBar,但是当下拉SliverList时,这两个小部件之间会出现空白。

有人知道如何删除它们之间的填充吗?非常感谢。

我的意思是如何将SliverAppBar和SliverList设置为始终相互粘附。

Scaffold(
        body: CustomScrollView(controller: controller, slivers: [
      SliverAppBar(
        // pinned: true,
        // floating: true,
        flexibleSpace: FlexibleSpaceBar(
            background: HomeTopBar(
              picHeightExtra: picHeightExtra,
              fitMode: fitMode,
            )),
        expandedHeight: 500 + picHeightExtra,
      ),
      SliverList(
        delegate: SliverChildBuilderDelegate((context, index) {
          return Container(
            height: 50,
            color: Colors.blueAccent,
          );
        }, childCount: 30, addRepaintBoundaries: false),
      ),
    ]));

image for SliverAppBar and SliverList

flutter flutter-layout flutter-sliver
1个回答
0
投票

最终找到答案...

需要将CustomScrollView的物理特性更改为ClampingScrollPhysics,“顶部”小部件将没有空白。

© www.soinside.com 2019 - 2024. All rights reserved.