如何解决软键盘遮挡InteractiveViewer内底部TextFormField的问题？

问题根源在于InteractiveViewer本身不处理软键盘Insets的自动调整，再加上你使用了固定top值的Positioned组件，导致resizeToAvoidBottomInset: true无法作用到内部的输入框上。以下是不用SingleChildScrollView包裹InteractiveViewer的可行解决方案：

方案1：动态bottom定位适配键盘高度 #

改用AnimatedPositioned替代固定位置的Positioned，通过MediaQuery获取软键盘的高度，动态设置输入框的bottom偏移量，让输入框自动上移到键盘上方：

@override
Widget build(BuildContext context) {
  // 获取软键盘弹出时的底部遮挡高度
  final bottomInset = MediaQuery.of(context).viewInsets.bottom;

  return InteractiveViewer(
    child: Stack(
      children: <Widget>[
        AnimatedPositioned(
          // 添加入场动画，让移动更平滑
          duration: const Duration(milliseconds: 200),
          left: 0,
          right: 0,
          // 键盘弹出时，用键盘高度作为bottom偏移，输入框自动上移
          bottom: bottomInset,
          child: TextFormField(
            decoration: const InputDecoration(
              hintText: "请输入内容",
              filled: true,
              fillColor: Colors.white,
            ),
          ),
        ),
      ],
    ),
  );
}

方案2：动态计算top值适配（保留top定位逻辑） #

如果你坚持要用top定位，可以通过屏幕高度和键盘高度动态计算输入框的top值，确保它始终处于可见区域：

@override
Widget build(BuildContext context) {
  final screenHeight = MediaQuery.of(context).size.height;
  final bottomInset = MediaQuery.of(context).viewInsets.bottom;
  // 假设输入框默认高度为56（Material组件默认高度），可根据实际情况调整
  const inputHeight = 56.0;
  // 计算top值：屏幕总高度 - 输入框高度 - 键盘遮挡高度
  final inputTop = screenHeight - inputHeight - bottomInset;

  return InteractiveViewer(
    child: Stack(
      children: <Widget>[
        AnimatedPositioned(
          duration: const Duration(milliseconds: 200),
          left: 0,
          right: 0,
          top: inputTop,
          child: TextFormField(
            decoration: const InputDecoration(
              hintText: "请输入内容",
              filled: true,
              fillColor: Colors.white,
            ),
          ),
        ),
      ],
    ),
  );
}

注意事项 #

• 如果你是在Scaffold中使用该组件，需确保Scaffold的resizeToAvoidBottomInset保持为true，否则MediaQuery无法正确获取键盘Insets。
• 避免使用固定的top值（比如你原来的top:700），这种硬编码的位置在不同屏幕尺寸或键盘弹出时都会导致布局异常。

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