使用CustomScrollView出现“Vertical viewport was given unbounded height”错误

直接重构布局，用CustomScrollView作为整个页面的根滚动组件，把所有内容拆成Sliver组件，就能实现联动滚动，同时解决无界高度错误：

1. 改造评论区组件：把原来FutureBuilder里的ListView.builder换成SliverList，让评论区成为滚动视图的一部分，而非嵌套的独立viewport：

Widget _commentFeed() {
  return FutureBuilder<List<Comment>>(
    future: fetchComments(), // 你的评论请求方法
    builder: (ctx, snapshot) {
      if (snapshot.connectionState == ConnectionState.waiting) {
        return const SliverToBoxAdapter(child: CircularProgressIndicator());
      }
      if (snapshot.hasError) {
        return const SliverToBoxAdapter(child: Text('加载评论失败'));
      }
      final comments = snapshot.data ?? [];
      return SliverList(
        delegate: SliverChildBuilderDelegate(
          (_, index) => CommentItem(comment: comments[index]), // 你的评论项组件
          childCount: comments.length,
        ),
      );
    },
  );
}

2. 重构主布局：移除外层的Column和Expanded，直接用CustomScrollView包裹所有内容，非滚动的静态内容（顶部Row、主帖）用SliverToBoxAdapter包装：

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: CustomScrollView(
      slivers: [
        // 顶部操作栏Row
        const SliverToBoxAdapter(
          child: Padding(
            padding: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
            child: Row(
              children: [Icon(Icons.arrow_back), Spacer(), Icon(Icons.more_vert)],
            ),
          ),
        ),
        // 主帖内容（原_mainPost组件）
        SliverToBoxAdapter(child: _mainPost()),
        // 评论区标题（可选）
        const SliverToBoxAdapter(
          child: Padding(
            padding: EdgeInsets.symmetric(horizontal: 16, vertical: 12),
            child: Text('评论区', style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold)),
          ),
        ),
        // 联动的评论列表
        _commentFeed(),
      ],
    ),
  );
}

为什么之前的方法无效？ #

• 把ListView.builder塞进SliverToBoxAdapter里时，ListView作为独立viewport需要明确的高度约束，但SliverToBoxAdapter无法提供，所以触发无界高度错误；
• 用SingleChildScrollView嵌套ListView即使开了shrinkWrap:true，也会让ListView一次性加载所有评论，既影响性能，也容易出现约束冲突；
• 换成SliverList后，它属于CustomScrollView的一部分，会自动继承滚动视图的约束，同时保持按需加载的特性，完美解决联动滚动和约束问题。

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