Как создать виджет нижнего комментария во флаттере?

Question

Я хотел бы создать виджет комментариев, плавающий в нижней части экрана.когда пользователь нажимает на поле ввода, всплывающее окно клавиатуры.

Вот проблема.Я пытался добавить контейнер внутри BottomNavigationBar.Но когда я нажимаю на поле ввода, клавиатура всплывает и закрывает всю BottomNavigationBar.Так что у меня нет возможности увидеть, что я только что нажал в поле ввода.

Вот 2 изображения, чтобы показать вам окно виджета комментариев, которое я хотел бы построить.И главное, я не хочу, чтобы клавиатура закрывала виджет комментариев.

Пожалуйста, помогите мне.

закрыть клавиатуру

открытая клавиатура

Answer 1

MediaQuery.of (context) .viewInsets возвращает ofsets, которые вызваны клавиатурами.Таким образом, вы можете заключить BottomNavigationBar в Padding так:

Scaffold(
  bottomNavigationBar: Padding(padding: MediaQuery.of(context).viewInsets,
  child: BottomNavigationBar(
    ...
  )
...