I used LAyoutbuilder with AnimatedPadding and it works fine for me :-).
```
showModalBottomSheet(
context: context,
isScrollControlled: true,
backgroundColor: AppColors.lightGreen,
builder: (ctx) {
return LayoutBuilder(
builder: (context, constraints) {
return AnimatedPadding(
duration: const Duration(milliseconds: 150),
padding: EdgeInsets.only(
bottom: MediaQuery.of(context).viewInsets.bottom,
),
child: SingleChildScrollView(
child: Container(
...........
),
);
},
);
},
);
```
You need to pass the height after wrapping the Column widget with a container.
```
return Container(
height: 80, // add here height of your container, hope it will work.
child: Column(
children: [
const _Title(),
Stack(
children: [
ListView(
shrinkWrap: true,
children: const [
_Message(),
],
),
const TextField(
decoration: InputDecoration(
enabledBorder: OutlineInputBorder(
borderSide: BorderSide(
color: Colors.grey,
),
),
border: OutlineInputBorder(),
hintText: 'Enter a search term',
),
),
],
),
],
),
)
```
