Breaking News: Grepper is joining You.com. Read the official announcement!

modal bottom sheet flutter

Add Answer

YOU.com answered on March 15, 2022 Popularity 9/10 Helpfulness 4/10

answer modal bottom sheet flutter

related show modal bottom sheet keyboard flutter

related flutter close modal bottom sheet

modal bottom sheet flutter

Comment

void _showModalBottomSheet(BuildContext context) {
  showModalBottomSheet(
    context: context,
    builder: (BuildContext context) {
      return Container(
        height: 200, // Set the desired height
        child: Center(
          child: Text('Modal Bottom Sheet'),
        ),
      );
    },
  );
}

Popularity 9/10 Helpfulness 4/10 Language dart

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

Closely Related Answers

show modal bottom sheet keyboard flutter

Comment

Note

If your BottomSheetModel is Column make sure you add mainAxisSize: MainAxisSize.min, otherwise the sheet will cover the whole screen.

showModalBottomSheet(
    shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.vertical(top: Radius.circular(25.0))),
    backgroundColor: Colors.black,
    context: context,
    isScrollControlled: true,
    builder: (context) => Padding(
      padding: const EdgeInsets.symmetric(horizontal:18 ),
      child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
              Padding(
                padding: const EdgeInsets.symmetric(horizontal: 12.0),
                child: Text('Enter your address',
                    style: TextStyles.textBody2),
              ),
              SizedBox(
                height: 8.0,
              ),
              Padding(
                padding: EdgeInsets.only(
                    bottom: MediaQuery.of(context).viewInsets.bottom),
                child: TextField(
                  decoration: InputDecoration(
                    hintText: 'adddrss'
                  ),
                  autofocus: true,
                  controller: _newMediaLinkAddressController,
                ),
              ),

              SizedBox(height: 10),
            ],
          ),
    ));

Popularity 10/10 Helpfulness 6/10 Language whatever

Source: stackoverflow.com

Tags: bottom-sheet bottom-she

Link to this answer
Share Copy Link

Contributed on May 10 2022

Drab Dingo

0 Answers Avg Quality 2/10

flutter close modal bottom sheet

Comment

// closes the modal sheet
Navigator.of(context).pop();

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: Grepper

Tags: bottom-sheet bottom-she

Link to this answer
Share Copy Link

Contributed on Mar 15 2022

Manga301

0 Answers Avg Quality 2/10

modal bottom sheet flutter

Contents

More Related Answers

modal bottom sheet flutter

Closely Related Answers

show modal bottom sheet keyboard flutter

flutter close modal bottom sheet

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.