显示键盘时，Flutter 底部纸张高度发生变化

Question

我正在开发一个包含文本字段的底部工作表，我注意到每次显示键盘时，底部工作表的高度都会降低，然后在隐藏键盘时恢复，这是我的演示代码

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomInset: false,
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            showModalBottomSheet(
              context: context,
              builder: (_) {
                return const SafeArea(
                  child: SizedBox(
                    height: 500,
                    child: TextField(),
                  ),
                );
              }
            );
          },
          child: const Text("show bottom sheet"),
        ),
      )
    );
  }
}

也许当键盘显示时，安全区域被隐藏了？显示键盘时如何保持底部工作表的高度相同

Answer 1

我刚刚注意到

maintainBottomViewPadding

中有一个参数

Safe Area

，当我将其设置为true时，显示键盘时底板的高度不会改变

SafeArea(
  maintainBottomViewPadding: true,
  child: SizedBox(
    height: 500,
    child: TextField(),
  ),
)