how to flutter bottomsheet from top,just like in this picture

Question

[enter image description he enter image description here re]( https://i.stack.imgur.com/XX9iq.jpg )

Answer 1

Center(
  child: ElevatedButton(
    child: const Text('showModalBottomSheet'),
    onPressed: () {
      showModalBottomSheet<void>(
        context: context,
        builder: (BuildContext context) {
          return SizedBox(
            height: 200,
            child: Center(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                mainAxisSize: MainAxisSize.min,
                children: <Widget>[
                  const Text('Modal BottomSheet'),
                  ElevatedButton(
                    child: const Text('Close BottomSheet'),
                    onPressed: () => Navigator.pop(context),
                  ),
                ],
              ),
            ),
          );
        },
      );
    },
  ),
);