如何实现TextField滚动至键盘正上方？（任务列表场景）

以下是几个实用方案，你可根据布局情况选择：

方案1：给父滚动容器配置正确的内边距 #

将任务列表和TextField放在SingleChildScrollView中，利用MediaQuery获取键盘高度并设置底部内边距，让滚动区域自动适配键盘：

SingleChildScrollView(
  padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
  child: Column(
    children: [
      // 你的任务列表组件
      ...taskListWidgets,
      // 你的TextFormField
      TextFormField(
        focusNode: focusNodeSubTask,
        scrollPadding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
        // 保留其他原有属性
      ),
    ],
  ),
)

方案2：通过焦点监听主动触发滚动 #

给focusNodeSubTask添加监听器，当TextField获取焦点时，主动滚动到目标位置：

@override
void initState() {
  super.initState();
  focusNodeSubTask.addListener(() {
    if (focusNodeSubTask.hasFocus) {
      // 延迟执行确保键盘完全弹出
      WidgetsBinding.instance.addPostFrameCallback((_) {
        Scrollable.ensureVisible(
          context,
          curve: Curves.easeOut,
          duration: const Duration(milliseconds: 300),
          alignment: 0.9, // 调整此值控制TextField在屏幕中的位置，靠近键盘上方
        );
      });
    }
  });
}

@override
void dispose() {
  focusNodeSubTask.dispose();
  super.dispose();
}

注意：此方案要求TextField的父组件是可滚动容器（如SingleChildScrollView、ListView），否则Scrollable.ensureVisible无法生效。

方案3：检查Scaffold的键盘适配配置 #

确保你的Scaffold开启了键盘自动适配（默认是开启的，若手动关闭会导致遮挡）：

Scaffold(
  resizeToAvoidBottomInset: true,
  body: // 你的滚动容器及内容
)

补充说明 #

你之前设置的scrollPadding无效，大概率是因为父组件没有提供正确的滚动上下文，或者viewInsets.bottom的计算时机不对。优先确保父容器为可滚动组件，再结合上述方案调整，即可解决问题。

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