flutter - Listview如何能够像往常一样在tabBar之外滚动？

在Flutter中，ListView默认会占据整个可见区域并覆盖其他部件，因此在TabBar之外滚动是一种常见需求。为了实现这个效果，可以使用NestedScrollView和SliverAppBar来创建一个可滚动的ListView。

首先，需要在页面的顶部添加一个SliverAppBar，它可以包含一个TabBar和一个FlexibleSpaceBar，用于显示标题和背景图等内容。然后，在SliverAppBar下方添加一个NestedScrollView，其中包含一个SliverList，用于显示ListView的内容。

下面是一个示例代码：

import 'package:flutter/material.dart';

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: DefaultTabController(
        length: 2,
        child: NestedScrollView(
          headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
            return <Widget>[
              SliverAppBar(
                title: Text('My App'),
                pinned: true,
                floating: true,
                bottom: TabBar(
                  tabs: <Widget>[
                    Tab(text: 'Tab 1'),
                    Tab(text: 'Tab 2'),
                  ],
                ),
              ),
            ];
          },
          body: TabBarView(
            children: <Widget>[
              ListView.builder(
                itemCount: 100,
                itemBuilder: (BuildContext context, int index) {
                  return ListTile(
                    title: Text('Item $index'),
                  );
                },
              ),
              ListView.builder(
                itemCount: 100,
                itemBuilder: (BuildContext context, int index) {
                  return ListTile(
                    title: Text('Item ${index + 100}'),
                  );
                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}

在这个示例中，我们创建了一个带有两个选项卡的页面。每个选项卡下面都有一个可滚动的ListView，它们可以独立地滚动而不会影响TabBar的位置。

这里使用了DefaultTabController、NestedScrollView、SliverAppBar和TabBar等组件来实现这个效果。你可以根据实际需求进行修改和扩展。

关于Flutter的ListView和相关组件的更多信息，你可以参考腾讯云的官方文档：

希望这个答案能够满足你的需求，如果有任何问题，请随时提问。