Flutter中软键盘弹出时，如何让页面内容自动适配调整？

你的推测方向正确：尽管Scaffold默认开启resizeToAvoidBottomInset: true，但当body为可滚动组件（如ListView）且BottomAppBar作为固定底部栏时，默认布局逻辑无法自动触发ListView与BottomAppBar同步上推，可通过以下方案解决：

方案一：保留BottomAppBar的最优实现 #

1. 显式声明Scaffold的resizeToAvoidBottomInset #

虽然默认值为true，但显式声明可避免嵌套布局导致的逻辑失效：

Scaffold(
  resizeToAvoidBottomInset: true,
  bottomNavigationBar: const BottomAppBar(child: TextField()),
  // 其余代码不变
)

2. 给ListView添加动态底部内边距 #

利用MediaQuery获取实时键盘高度，动态设置ListView的bottom padding，让列表自动上移以适配键盘空间：

复现代码修改示例：

body: ListView.builder(
  padding: EdgeInsets.only(
    bottom: MediaQuery.of(context).viewInsets.bottom,
  ),
  itemCount: items.length,
  prototypeItem: ListTile(title: Text(items.first)),
  itemBuilder: (context, index) {
    return ListTile(title: Text(items[index]));
  },
),

实际项目代码修改（ChatMessageStream中的ListView）：

return ListView(
  padding: EdgeInsets.only(
    bottom: MediaQuery.of(context).viewInsets.bottom,
  ),
  children: snapshot.data!.docs
      .map((DocumentSnapshot document) {
        Map<String, dynamic> data = document.data()! as Map<String, dynamic>;
        return ListTile(title: Text(data['message']));
      })
      .toList()
      .cast(),
);

额外优化：聊天场景自动滚动到最新消息 #

如果是聊天界面，可给ListView绑定ScrollController，在TextField获取焦点时自动滚动到底部：

// 在ChatMessageStreamState中定义控制器
final ScrollController _scrollController = ScrollController();

// 绑定到ListView
ListView(
  controller: _scrollController,
  // 其余代码不变
)

// TextField中添加滚动逻辑
TextField(
  onTap: () {
    WidgetsBinding.instance.addPostFrameCallback((_) {
      _scrollController.jumpTo(_scrollController.position.maxScrollExtent);
    });
  },
  // 其余代码不变
)

方案二：替换BottomAppBar为BottomSheet（可选） #

若无需坚持使用BottomAppBar，改用bottomSheet可省去手动处理padding的步骤，系统会自动随键盘上推布局：

Scaffold(
  bottomSheet: Container(
    color: Theme.of(context).bottomAppBarTheme.color,
    child: const TextField(),
  ),
  // 其余代码不变
)

此方案需自行调整容器样式以匹配BottomAppBar的视觉效果。

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