Flutter：带有 OnPressed 选项的 Snackbar

Question

I am using the below code for Snackbar.

void _showSnackBar(BuildContext context, String message, Color color) {
    final snackBar = SnackBar(
      duration: Duration(seconds: 3),
      backgroundColor: color,
      content: Text(message),
    );
    _scaffoldKey.currentState.showSnackBar(snackBar);
  }

This is how am i calling it wherever required.

_showSnackBar(context,'Account created Successfully.',Colors.green);

It is working fine totally fine. I don't see any issues.

But now i need to add Onclick option in Snackbar. Like below code.

action: SnackBarAction(
              label: 'Undo',
              onPressed: () {
                // Some code to undo the change.
              },
            ),

I am not sure how to add it and where to add it.

Please suggest.

Edit: Little more explanation of what I want to achieve.

void _showSnackBar(BuildContext context, String message, Color color) {

how can i pass the parameters for OnPressed event? That's the issue i am getting.

Answer 1

I think this can be achived with:

SnackBar(
  content: Text('Yay! A SnackBar!'),
  action: SnackBarAction(
    label: 'Undo',
    onPressed: () {
      // Some code to undo the change.
    },
  ),
)

Answer 2

This can be achieved with the following code:

    void _showSnackBar(BuildContext context, String message, Color color) {
        final snackBar = SnackBar(
          duration: Duration(seconds: 3),
          backgroundColor: color,
          content: Text(message),
          action: SnackBarAction(
              label: 'Undo',
              onPressed: (){}
          )
        );
        _scaffoldKey.currentState.showSnackBar(snackBar);
      }

You can find more info on SnackBar's here: https://flutter.dev/docs/cookbook/design/snackbars

Answer 3

You can pass any wanted parameters to your custom _showSnackBar method, and inside this method you can do whatever you want with these parameters.

As I see it:

    void _showSnackBar(BuildContext context, String message, Color color) {
            final snackBar = SnackBar(
              duration: Duration(seconds: 3),
              backgroundColor: color,
              content: Text(message),
              action: SnackBarAction(
                  label: 'Undo',
                  onPressed: (){
                    print(color);
   /// do what you want with passed color or message
                   }
              )
            );
            _scaffoldKey.currentState.showSnackBar(snackBar);
          }