Pilaba/TopModalSheet

pub package

top_modal_sheet

Simple modal sheet that appears from the top of the screen

Installations

Add top_modal_sheet: ^2.1.0 in your pubspec.yaml dependencies. And import it:

import 'package:top_modal_sheet/top_modal_sheet.dart';

How to use

Simply call showModalTopSheet to display it

MaterialButton(
  color: Colors.white,
  elevation: 5,
  child: const Text("Show TopModal 1"),
  onPressed: () async {
    var value = await showTopModalSheet<String?>(context, DummyModal());
    setState(() { _topModalData = value; });
  },
)

For a more detail example please take a look at the example folder.

Example

https://raw.githubusercontent.com/Pilaba/TopModalSheet/master/example/screensshots/main_screen.png https://raw.githubusercontent.com/Pilaba/TopModalSheet/master/example/screensshots/top_modal.png https://raw.githubusercontent.com/Pilaba/TopModalSheet/master/example/screensshots/top_modal_result.png

-

If something is missing, feel free to open a ticket or contribute!