如何删除 NestedScrollView 内 ListView 中的多余空格?

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

我在尝试删除 NestedScrollView 内列表中的多余空格时遇到问题。尽管被收缩包装,为什么还有额外的空间?我们怎样才能删除这个?

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: NestedScrollView(
      headerSliverBuilder: (context, innerBoxIsScrolled) => [
        const SliverAppBar(
          title: Text('NestedScrollView Test'),
        ),
        ResponsiveSliverCenter(
            child: Container(
          color: Colors.blue,
          child: ListView.separated(
              shrinkWrap: true,
              itemCount: 1,
              separatorBuilder: ((context, index) => const Divider()),
              itemBuilder: ((context, index) => Container(
                    color: Colors.grey,
                    height: 150,
                    child: const Align(
                        alignment: Alignment.center, child: Text('Test item')),
                  ))),
        )),
      ],
      body: Container(
        color: Colors.amber,
        child: ListView.separated(
            shrinkWrap: true,
            itemCount: 1,
            separatorBuilder: ((context, index) => const Divider()),
            itemBuilder: ((context, index) => Container(
                  color: Colors.grey,
                  height: 200,
                  child: const Align(
                      alignment: Alignment.center, child: Text('Test item')),
                ))),
      ),
    ));
  }

]2]2

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

添加填充:EdgeInsets.zero,在列表视图中

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