How to make widget stick to top of keyboard

Question

I'd like to make a widget that sticks to the bottom of the page, and then is pinned to the top of the keyboard (when it appears).

Note how the input textfield is pinned to the keyboard in the image below:

How would I do this? I tried putting it in the bottomNavigationBar, but this (obviously) didn't work. Is there a builtin way to do this?

Answer 1

use of bottomSheet option from Scaffold.

Scaffold(
    bottomSheet: chatBar(),
    body: Column(
           children: [
              Expanded(
               child: ListView()
              )
           ]
         )
    )

the chatBar is top of keyboard, when keyboard is open.

for transparent chatBar: can wrap Scaffold by

Theme(
  data: ThemeData.light().copyWith(
    bottomSheetTheme: BottomSheetThemeData(backgroundColor: Colors.transparent),  
  ),