简介

SnackBarAction “屏幕底部消息右侧可操作的行为”

带有可选操作的轻量级消息，短暂显示在屏幕底部, 并提供按钮交互。

基本用法

为SnackBar加入action SnackBarAction显示按区, 默认下是隐藏的

实例演示

import 'package:flutter/material.dart';

class SnackBarActionDemo extends StatefulWidget {
  _Demo createState() => _Demo();
}

class _Demo extends State<SnackBarActionDemo> {
  Widget build(BuildContext context) {
      return  Center(
        child:  Column(
          children: <Widget>[
            new RaisedButton(
              onPressed: () {
                final snackBar = new SnackBar(
                  content: new Text('这是一个SnackBar, 右侧有SnackBarAction, 3秒后消失'),
                  backgroundColor:Color(0xffc91b3a),
                  action:  SnackBarAction( // 提示信息上添加一个撤消的按钮
                    textColor:Colors.white,
                    label: '撤消',
                    onPressed: () {
                      // Some code to undo the change!
                    },
                  ),
                  duration:Duration(seconds: 3),// 持续时间
                  //animation,
                );
                Scaffold.of(context).showSnackBar(snackBar);
              },
              child:  Text('点我显示有action的SnackBar'),
            ),
            new RaisedButton(
              onPressed: () async {
                final snackBar = new SnackBar(
                  content: new Text('右侧无SnackBarAction, 3秒后消失'),
                  backgroundColor:Color(0xffc91b3a),
                  duration:Duration(seconds: 3),// 持续时间
                  //animation,
                );
                Scaffold.of(context).showSnackBar(snackBar);
              },
              child:  Text('点我显示无SnackBarAction的SnackBar'),
            ),
          ],
        )
    );
  }
}