Flutter打开键盘时出现像素溢出问题求助

你的问题出在布局结构冲突上：原代码里的Column嵌套了Expanded，直接把Column包进SingleChildScrollView不会生效——Expanded会强制子组件占满剩余空间，而SingleChildScrollView要求子组件能根据内容自适应高度，两者逻辑矛盾导致溢出。

修改方案如下：

1. 将外层的Column替换为SingleChildScrollView，移除里面的Expanded
2. 给ListView.builder添加shrinkWrap: true属性，让列表根据内容高度自适应

修改后的完整代码：

class HomeScreen extends StatelessWidget {
  const HomeScreen({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        body: SingleChildScrollView(
          child: Column(
            children: [
              const Center(child: TextField()),
              Container(
                height: 200,
                color: Colors.green,
                child: const Center(child: Text('B')),
              ),
              Container(
                height: 200,
                color: Colors.blue,
                child: const Center(child: Text('C')),
              ),
              Container(
                height: 200,
                color: Colors.blue,
                child: const Center(child: Text('C')),
              ),
              buildShowListView()
            ],
          ),
        ),
      ),
    );
  }

  Widget buildShowListView() {
    return Column(
      children: [
        const Text('Showing Data 100'),
        ListView.builder(
          shrinkWrap: true,
          physics: const NeverScrollableScrollPhysics(), // 可选：禁用列表自身滚动，让外层滚动统一处理
          itemCount: 100,
          itemBuilder: (context, index) {
            return Text('$index');
          },
        ),
      ],
    );
  }
}

补充：如果希望列表能单独滚动，可以去掉physics: const NeverScrollableScrollPhysics()属性。

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