Flutter Widget之SnackBar

SnackBar是用户操作后，显示提示信息的一个控件，类似Toast，会自动隐藏。SnackBar还可以添加操作按钮。SnackBar是通过Scaffold的showSnackBar方法来显示的。

Widget：https://flutter.io/docs/development/ui/widgets
SnackBar：https://docs.flutter.io/flutter/material/SnackBar-class.html
     

import 'package:flutter/material.dart';

class SnackBarDemoPage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => new _SnackBarDemoPageState();
}

class _SnackBarDemoPageState extends State<SnackBarDemoPage> {

  @override
  void initState() {
    super.initState();
  }

  Widget build(BuildContext context) {
    return Scaffold(
        appBar: new AppBar(
          title: new Text('SnackBar Demo'),
        ),
        floatingActionButton: new Builder(builder: (BuildContext context) {
          return new FloatingActionButton(
            onPressed: () {
              // SnackBarBuilder.showSnackBar(context);
              SnackBarBuilder.showAlertSnackBar(context);
            },
            child: new Icon(Icons.add),
          );
        }),
//        body: Center(
//          child: Text('SnackBar'),
//        )
        body: new Builder(builder: (BuildContext context) {
          return new Center(
            child: new GestureDetector(
              onTap: () {
                final snackBar = new SnackBar(content: new Text('这是一个SnackBar'));
                Scaffold.of(context).showSnackBar(snackBar);
              },
              child: new Text('显示SnackBar'),
            ),
          );
        })
    );
  }
}

class SnackBarBuilder {
  static void showSnackBar(BuildContext context) {
    final snackBar = new SnackBar(content: new Text('这是一个SnackBar!'));
    Scaffold.of(context).showSnackBar(snackBar);
  }

  static void showAlertSnackBar(BuildContext context) {
    final snackBar = new SnackBar(
      content: new Text('删除信息'),
      action: new SnackBarAction(
          label: '撤消',
          onPressed: () {
            // do something to undo
          }
      ),
    );
    Scaffold.of(context).showSnackBar(snackBar);
  }
}