Flutter 3.13.8键盘无法上推页面问题求助

针对你遇到的键盘弹出时TextFormField被遮挡、滚动失效的问题，结合你的页面结构，可通过以下几点修改解决：

• 修正resizeToAvoidBottomInset设置
  将Scaffold的resizeToAvoidBottomInset设为true——这是页面响应键盘高度的基础。你之前设为false会直接禁用页面上推行为，即便改回true，由于外层是Stack结构，还需额外适配布局。

• 给SingleChildScrollView添加动态底部内边距
  利用MediaQuery获取键盘高度，给SingleChildScrollView的padding补充键盘高度，确保内容不会被键盘遮挡。修改后的核心代码如下：

  body: SafeArea(
    child: SingleChildScrollView(
      controller: ScrollController(),
      padding: EdgeInsets.only(
        left: 12.0,
        right: 12.0,
        bottom: MediaQuery.of(context).viewInsets.bottom, // 适配键盘高度
      ),
      child: Obx(() => Column(
        // 你的表单内容
      )),
    ),
  ),
  

  注意移除原单独的Padding组件，将左右内边距整合到SingleChildScrollView的padding中，避免嵌套冗余。

• 优化Stack与Scaffold的布局适配
  你用Stack放置背景图的结构没问题，但要确保Scaffold占满整个屏幕，这样其内部的布局才能正确响应键盘的位置变化。

• 自动滚动到聚焦的TextFormField（可选）
  若想让获取焦点的TextFormField自动滚动到可视区域，可给每个TextFormField绑定focusNode并监听焦点变化：

  final focusNode = FocusNode();
  final scrollController = ScrollController();
  
  @override
  void initState() {
    super.initState();
    focusNode.addListener(() {
      if (focusNode.hasFocus) {
        scrollController.animateTo(
          focusNode.offset,
          duration: const Duration(milliseconds: 300),
          curve: Curves.easeOut,
        );
      }
    });
  }
  
  // 在TextFormField中使用
  TextFormField(focusNode: focusNode)
  

通过以上修改，键盘弹出时页面内容会自动上推，所有TextFormField都能保持在可视区域内，滚动功能也能正常工作。

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