Presenting bottom sheets

There are times where you need to present modal information, but a dialog just comes on too strong. Fortunately, there are quite a few alternative conventions for putting information on the screen that do not necessarily require action from users. Bottom sheets are one of the “gentler” alternatives to dialogs, together with Toasts. With a bottom sheet, information slides out from the bottom of the screen, where it can be swiped down by the user if it displeases them. Also, unlike alerts, bottom sheets do not block the main interface, allowing users to conveniently ignore these messages.

In this final recipe for the stopwatch app, we’re going to replace the dialog alert with a bottom sheet and animate it away after 5 seconds.

Getting ready

You should have completed the previous recipes in this chapter before following along with this one.

How to do it...

Open stopwatch.dart to get started:

1. The bottom sheet...