首页 > 建站教程 > APP开发,混合APP >  Flutter笔记49:SnackBar组件正文

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('显示屏幕消息'),
      ),
    );
  }
}