如何实现CustomScrollView中TabBarView随内容大小自适应滚动？

我想实现和Flutter官方悬浮AppBar示例完全一致的行为：只有当页面内容足够多、需要滚动时，顶部的SliverAppBar才会随着滚动收起；如果内容较少、不需要滚动，AppBar保持展开状态，页面也不会出现多余的滚动效果。

但用TabBar搭配TabBarView实现时，遇到了两个棘手的问题：

• 当标签页内容较少时，TabBarView会出现不必要的滚动行为
• 当标签页内容较多时，会直接出现内容溢出的情况

我尝试过官方文档里的NestedScrollView方案，也试过将SliverAppBar嵌套进CustomScrollView的方法，都没能解决问题。虽然找到一个实现了预期效果的示例，但它不支持TabBarView的滑动切换标签功能。

要实现这个需求，核心是让外层的CustomScrollView能够感知每个TabBarView页面的内容高度，动态调整滚动行为。以下是完整的实现代码：

import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: SafeArea(child: TabbedFloatingAppBar()),
    );
  }
}

class TabbedFloatingAppBar extends StatefulWidget {
  const TabbedFloatingAppBar({super.key});

  @override
  State<TabbedFloatingAppBar> createState() => _TabbedFloatingAppBarState();
}

class _TabbedFloatingAppBarState extends State<TabbedFloatingAppBar> with SingleTickerProviderStateMixin {
  late TabController _tabController;
  final ScrollController _outerScrollController = ScrollController();

  @override
  void initState() {
    super.initState();
    _tabController = TabController(length: 3, vsync: this);
    _tabController.addListener(() {
      // 切换标签时重置外层滚动位置，确保AppBar展开
      if (_tabController.indexIsChanging) {
        _outerScrollController.jumpTo(0);
      }
    });
  }

  @override
  void dispose() {
    _tabController.dispose();
    _outerScrollController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: CustomScrollView(
        controller: _outerScrollController,
        slivers: [
          SliverAppBar(
            title: const Text('Floating Tabbed AppBar'),
            floating: true,
            expandedHeight: 200,
            flexibleSpace: const Placeholder(),
            bottom: TabBar(
              controller: _tabController,
              tabs: const [
                Tab(text: 'Tab 1'),
                Tab(text: 'Tab 2'),
                Tab(text: 'Tab 3'),
              ],
            ),
          ),
          SliverToBoxAdapter(
            child: SizedBox(
              height: MediaQuery.of(context).size.height - 
                      kToolbarHeight - 
                      kTextTabBarHeight - 
                      MediaQuery.of(context).padding.top,
              child: TabBarView(
                controller: _tabController,
                children: [
                  _TabContent(isLongContent: false),
                  _TabContent(isLongContent: false),
                  _TabContent(isLongContent: true),
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }
}

class _TabContent extends StatelessWidget {
  final bool isLongContent;

  const _TabContent({required this.isLongContent});

  @override
  Widget build(BuildContext context) {
    return LayoutBuilder(
      builder: (context, constraints) {
        final content = Column(
          children: List.generate(
            isLongContent ? 50 : 3,
            (index) => ListTile(title: Text('Item #$index')),
          ),
        );

        // 计算内容高度，判断是否需要内部滚动
        final contentHeight = isLongContent 
            ? 50 * (ListTile().preferredSize.height) 
            : 3 * (ListTile().preferredSize.height);

        if (contentHeight > constraints.maxHeight) {
          return NotificationListener<ScrollNotification>(
            onNotification: (notification) {
              // 当内部滚动到顶部时，允许外层滚动（触发AppBar收起）
              if (notification.metrics.pixels == 0 && notification is ScrollUpdateNotification) {
                PrimaryScrollController.of(context)?.position.isScrollable = true;
              } else if (notification.metrics.pixels > 0) {
                // 内部滚动时，禁止外层滚动
                PrimaryScrollController.of(context)?.position.isScrollable = false;
              }
              return false;
            },
            child: SingleChildScrollView(
              child: content,
            ),
          );
        } else {
          // 内容高度不足时，直接展示，禁止外层滚动
          WidgetsBinding.instance.addPostFrameCallback((_) {
            PrimaryScrollController.of(context)?.position.isScrollable = false;
          });
          return content;
        }
      },
    );
  }
}

• 外层使用CustomScrollView承载SliverAppBar和TabBarView容器，通过SliverToBoxAdapter确保TabBarView能正确适配布局
• 每个标签页通过LayoutBuilder判断内容高度是否超过可用空间：
  • 内容过长时，用SingleChildScrollView包裹，并通过NotificationListener控制外层滚动的可用性，只有当内部滚动到顶部时，才允许外层滚动触发AppBar收起
  • 内容过短时，直接展示内容并禁止外层滚动，避免不必要的滚动行为
• 切换标签时自动重置外层滚动位置，确保AppBar始终处于展开状态

内容的提问来源于stack exchange，提问作者john2048