dart - 在 Flutter 应用程序的 ListView 滚动条上隐藏/关闭键盘

Question

我在 Flutter 应用程序中有聊天窗口。消息在 ListView 小部件内显示为小部件，我还在窗口底部附加了用于消息输入的小部件。

我要

1. 滚动 ListView 时隐藏键盘
2. 从 InputWidget 添加新消息时滚动到最后一条消息

代码:

class _MessagesPageState extends State<MessagesPage> {
  final ScrollController listScrollController = ScrollController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
    ....
    body: Stack(
        children: [
          ListView.builder(
              controller: listScrollController
              ....
          ),
          InputWidget()]
    );
}

class InputWidget extends StatelessWidget {

  final TextEditingController _textEditingController = TextEditingController();

....
Row (
  children: [
    TextField(
     controller: _textEditingController
    ), 
    IconButton(icon: ...., onPressed: (){})
  ]
 )}

Answer 1

要在 ListView 滚动时隐藏键盘，您只需向其添加keyboardDismissBehavior。示例

ListView(
 keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag,
 children: [],
)