Flutter技术问题：如何实现含ListView.builder的Column全屏滚动？

你的问题核心是嵌套滚动组件的冲突：外层SingleChildScrollView和内层ListView.builder都自带滚动逻辑，导致整个Column无法实现全屏滚动。而用Expanded会让ListView占据剩余空间，固定顶部文本和底部容器，不符合需求。

直接按以下步骤修改代码即可实现全屏滚动：

• 给ListView.builder添加physics: NeverScrollableScrollPhysics()，禁用ListView自身的滚动能力，把滚动控制权完全交给外层的SingleChildScrollView
• 保留shrinkWrap: true，让ListView根据子项的实际高度自适应大小，而不是强制撑开空间

修改后的完整代码：

class _CursosPageState extends State<CursosPage> {
  int count = 4;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Container(
        color: Colors.white,
        child: SingleChildScrollView(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              SizedBox(height: 15),
              Text(
                'text text text',
                style: TextStyle(fontSize: 20),
              ),
              ListView.builder(
                shrinkWrap: true,
                // 禁用ListView自身滚动，交给外层SingleChildScrollView处理
                physics: NeverScrollableScrollPhysics(),
                itemCount: count,
                itemBuilder: (BuildContext context, int index) {
                  return Container(
                    margin: EdgeInsets.all(10),
                    height: 150,
                    decoration: BoxDecoration(
                      color: Colors.blue,
                      borderRadius: BorderRadius.circular(10),
                    ),
                  );
                },
              ),
              Center(
                child: Container(
                  height: 150,
                  width: 300,
                  decoration: BoxDecoration(
                    color: Colors.red,
                    borderRadius: BorderRadius.circular(10),
                  ),
                ),
              )
            ],
          ),
        ),
      ),
    );
  }
}

另外补充一个替代方案：如果你的列表项不多，也可以直接用Column替代ListView.builder，把列表项通过List.generate生成后放入Column的children中，这样也能实现全屏滚动，避免嵌套滚动组件的问题：

// 替代ListView.builder的部分
...
Column(
  children: List.generate(count, (index) {
    return Container(
      margin: EdgeInsets.all(10),
      height: 150,
      decoration: BoxDecoration(
        color: Colors.blue,
        borderRadius: BorderRadius.circular(10),
      ),
    );
  }),
),
...

内容的提问来源于stack exchange，提问作者Lucas Barreto Luz