设置resizeToAvoidBottomInset为true仍失效，TextField被键盘遮挡求助

你遇到的键盘遮挡TextField问题，核心原因是外层Column默认会占满垂直方向的全部空间，导致SingleChildScrollView无法正确计算可滚动区域，即便设置了resizeToAvoidBottomInset: true也无法生效。以下是具体修复方案：

关键修复步骤 #

给外层Column添加mainAxisSize: MainAxisSize.min，让Column的高度由子内容决定，而非强制占满屏幕：

Column(
  mainAxisSize: MainAxisSize.min, // 新增这一行
  mainAxisAlignment: MainAxisAlignment.start,
  children: <Widget>[
    // 原有子组件内容
  ],
)

额外优化建议 #

1. 简化嵌套结构：你的代码存在多层冗余的Column和Center嵌套，既增加布局复杂度，也可能干扰滚动计算。可以合并内层Column到外层，减少不必要的嵌套层级。
2. 检查固定高度组件：如果有固定高度的容器（比如About TextField所在的Container设置了height:100），确保它不会导致整体内容高度超出屏幕后无法滚动（当前问题中这不是核心原因，但需留意）。

修改后的完整代码示例 #

Widget build(BuildContext context) {
  return Scaffold(
    resizeToAvoidBottomInset: true,
    body: SingleChildScrollView(
      child: Padding(
        padding: const EdgeInsets.symmetric(vertical: 18.0),
        child: Column(
          mainAxisSize: MainAxisSize.min, // 关键修复
          mainAxisAlignment: MainAxisAlignment.start,
          children: <Widget>[
            Padding(
              padding: const EdgeInsets.symmetric(vertical: 20),
              child: Column( // 移除多余的Center嵌套
                children: [
                  Padding(
                    padding: EdgeInsets.only(left: 30, right: 30, bottom: 16),
                    child: Container(
                      padding: const EdgeInsets.symmetric(horizontal: 20),
                      decoration: BoxDecoration(
                        border: Border.all(color: Color(0xff331070)),
                        borderRadius: BorderRadius.circular(15),
                      ),
                      child: TextField(
                        onChanged: (value) {
                          fullname = value;
                        },
                        decoration: const InputDecoration(
                          floatingLabelStyle: TextStyle(color: Colors.purple),
                          border: InputBorder.none,
                          prefixIcon: Icon(Icons.person),
                          labelText: 'Full Name',
                        ),
                      ),
                    ),
                  ),
                  Padding(
                    padding: EdgeInsets.only(left: 30, right: 30, bottom: 16),
                    child: Container(
                      height: 100,
                      padding: const EdgeInsets.symmetric(horizontal: 20),
                      decoration: BoxDecoration(
                        border: Border.all(color: Color(0xff331070)),
                        borderRadius: BorderRadius.circular(15),
                      ),
                      child: TextField(
                        inputFormatters: [LengthLimitingTextInputFormatter(100)],
                        onChanged: (value) {
                          about = value;
                        },
                        decoration: const InputDecoration(
                          floatingLabelStyle: TextStyle(color: Colors.purple),
                          border: InputBorder.none,
                          labelText: 'About',
                        ),
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    ),
  );
}

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