#码力全开·技术π对#Flutter开发:如何解决Flutter中TextField输入法遮挡问题？

Scaffold(
  resizeToAvoidBottomInset: true, // 默认为 true，无需显式设置
  appBar: AppBar(title: Text("表单页面")),
  body: SingleChildScrollView( // 包裹可滚动内容
    child: Column(
      children: [
        TextField(),
        // 其他输入控件
      ],
    ),
  ),
);

Scaffold(
  resizeToAvoidBottomInset: true,
  body: TextField(...)
)

SingleChildScrollView(
  padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
  child: YourTextFieldWidget(),
)

final FocusNode _focusNode = FocusNode();
WidgetsBinding.instance.addPostFrameCallback((_) {
  Scrollable.ensureVisible(_focusNode.context!);
});

Scaffold(
  resizeToAvoidBottomInset: true,
  body: SingleChildScrollView(
    padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
    child: Column(
      children: [
        // 其他内容
        TextField(focusNode: _focusNode),
      ],
    ),
  ),
)