Showing Snackbars with NavbarRouter#

Snackbar is a component that is used to display a message for a short period of time and then automatically disappear. It can be used to display a short message or an action that a user has performed. It is a good way to give feedback to the user.

Showing Snackbar with NavbarRouter is very easy. You just need to use the showSnackbar method of the NavbarRouter. The showSnackbar method requires a context and a message.

NavbarNotifier.showSnackBar(
  context,
  "This is shown on top of the Floating Action Button",
);

And hide it using the NavbarNotifier.hideSnackBar method.

NavbarNotifier.hideSnackBar(context);

Note that This api supports minimal customization as of now and intends to add all the customization options that the material design snackbar supports.

Supported customization options:

• showCloseIcon: Whether to show the close icon or not. (defaults to true)
• actionLabel: The label of the action button. Both onPressed and actionLabel are required to show the action button.
• onPressed: The callback to be called when the action button is pressed. Both onPressed and actionLabel are required to show the action button.
• duration: The duration for which the snackbar should be shown. (defaults to 3 seconds)
• bottom: The margin from the bottom of the screen. (defaults to [kNavbarHeight])