Flutter底部TextField被键盘遮挡问题求助

针对长表单底部输入框被键盘遮挡的问题，即便已经使用SingleChildScrollView和resizeToAvoidBottomInset: true，仍可尝试以下方案排查解决：

1. 调整SafeArea与SingleChildScrollView的嵌套顺序 #

当前代码是SafeArea包裹SingleChildScrollView，可尝试反过来嵌套，避免SafeArea的内边距干扰滚动区域计算：

Scaffold(
  resizeToAvoidBottomInset: true,
  backgroundColor: Colors.white,
  body: SingleChildScrollView(
    child: SafeArea(
      child: Padding(
        padding: EdgeInsets.symmetric(horizontal: 20.0.w),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            // 表单内容...
          ],
        ),
      ),
    ),
  ),
)

2. 强制SingleChildScrollView的滚动特性 #

给SingleChildScrollView添加强制滚动的物理属性，确保即便表单内容高度不足屏幕，也能触发滚动逻辑：

SingleChildScrollView(
  physics: const AlwaysScrollableScrollPhysics(),
  child: ...
)

3. 监听焦点自动滚动到目标输入框 #

利用每个TextField的focusNode监听焦点变化，当输入框获取焦点时自动滚动到可见位置：
在初始化焦点节点时添加监听器：

@override
void initState() {
  super.initState();
  // 以city输入框为例
  cityFocusNode.addListener(() {
    if (cityFocusNode.hasFocus) {
      WidgetsBinding.instance.addPostFrameCallback((_) {
        Scrollable.ensureVisible(
          cityFocusNode.context!,
          duration: const Duration(milliseconds: 300),
          curve: Curves.easeOut,
        );
      });
    }
  });
  // 其他输入框焦点节点可同理配置
}

4. 排查第三方尺寸适配库的影响 #

代码中使用的.w、.h这类尺寸适配语法，可能修改了Flutter默认布局计算逻辑，导致resizeToAvoidBottomInset偏移量计算错误。可临时替换为Flutter原生MediaQuery尺寸，或检查适配库是否有针对键盘弹出的适配方案。

5. 手动处理底部内边距 #

若resizeToAvoidBottomInset: true无效，可关闭该属性，手动根据键盘高度添加底部padding：

Scaffold(
  resizeToAvoidBottomInset: false,
  backgroundColor: Colors.white,
  body: SingleChildScrollView(
    child: Padding(
      padding: EdgeInsets.only(
        left: 20.0.w,
        right: 20.0.w,
        bottom: MediaQuery.of(context).viewInsets.bottom,
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          // 表单内容...
        ],
      ),
    ),
  ),
)

内容的提问来源于stack exchange，提问作者Med Oussema Zaier