Show Modal Bottom Sheet

Question

How to increase height of show modal bottom sheet.I can't get this any longer than this.Can somebody help me to solve my problem.

I tried bunch of solutions but non of them worked.

Please donot post the scrrenshot of the code, Instead copy and paste the entire code. — gretal, Mar 06 '23 at 06:08

score 1 · Accepted Answer · answered Mar 07 '23 at 13:21

In this case wrap your container with column widget.It may increase bottom sheet's height.

    showModalBottomSheet(
    context: context,
    isScrollControlled: true,
    builder: (builder) {
      return Column(
    children: [
      Container(
        height: MediaQuery.of(context).size.height * 0.90,
        child: Center(child: ADD_YOUR_WIDGET_HERE()),
      )
    ],
  );});

Note:If you want your bottom sheet in full screen you can wrap column in expanded widget.

score 0 · Answer 2 · answered Mar 06 '23 at 06:41

You just need to add isScrollControlled: true this parameter and add height to your widget then you can change the height of your Bottom sheet

   showModalBottomSheet(
    context: context,
    isScrollControlled: true,
    builder: (builder) {
      return Container(
        height: MediaQuery.of(context).size.height * 0.90,
        child: Center(child: ADD_YOUR_WIDGET_HERE()),
      );
    });

Try with this

Show Modal Bottom Sheet

2 Answers2