How do you adjust the height and borderRadius of a BottomSheet in Flutter?

Question

I\'m probably missing something obvious here, but my BottomSheet only takes up the bottom half the screen, even though the widgets in it take up more space. So now there is scro

Answer 1

It's possible this way

showModalBottomSheet(
  context: context,
  isScrollControlled: true,
  backgroundColor: Colors.transparent,
  builder: (context) => Container(
    height: MediaQuery.of(context).size.height * 0.75,
    decoration: new BoxDecoration(
      color: Colors.white,
      borderRadius: new BorderRadius.only(
        topLeft: const Radius.circular(25.0),
        topRight: const Radius.circular(25.0),
      ),
    ),
    child: Center(
      child: Text("Modal content goes here"),
    ),
  ),
);

1. Set isScrollControlled: true and backgroundColor: Colors.transparent for the modal
2. Provide a Container with required height: as root widget to modal builder
3. Provide BoxDecoration with required borderRadius for the Container