Flutter笔记49：SnackBar组件

SnackBar底部弹出消息组件，可以设置消息内容、操作按钮，关闭SnackBar等

class _DemoPageState extends State<DemoPage> {
  double value = 0.0;

  @override
  Widget build(BuildContext context) {
    return Center(
      //GestureDetector 可点击区域
      child: GestureDetector(
        onTap: () {
          final snackBar = SnackBar(
            //提示信息,可以是任意组件，通常是提示语句、购物车等
            content: Text('这是一个SnackBar'),
            backgroundColor: Colors.green,
            //操作按钮，如果仅仅是一个提示，可以不需要
            action: SnackBarAction(
              label: '取消',
              onPressed: () {
                //关闭当前显示的snackBar
                Scaffold.of(context).removeCurrentSnackBar();
              },
              textColor: Colors.white,
            ),
            //显示时长
            duration: Duration(minutes: 1),
          );
          //显示定义的snackBar
          Scaffold.of(context).showSnackBar(snackBar);
        },
        child: Text('显示屏幕消息'),
      ),
    );
  }
}

部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！