zoukankan      html  css  js  c++  java
  • flutter SnackBar 底部消息提示

    具有可选操作的轻量级消息提示,在屏幕的底部显示

    文档:https://api.flutter.dev/flutter/material/SnackBar-class.html

    demo:

    import 'package:flutter/material.dart';
    
    class SnackBarDemo extends StatefulWidget {
      @override
      _SnackBarDemoState createState() => _SnackBarDemoState();
    }
    
    class _SnackBarDemoState extends State<SnackBarDemo> {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text('SnackBarDemo'),
            elevation: 0.0,
          ),
          body: Container(
            padding: EdgeInsets.all(16.0),
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: <Widget>[
                    SnackBarButton(),
                  ]
                ),
              ],
            ),
          ),
        );
      }
    }
    
    class SnackBarButton extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return FlatButton(
          
          child: Text('Open SnackBar'),
          onPressed: () {
            Scaffold.of(context).showSnackBar(
              SnackBar(
                content: Text('Processing...'),
                action: SnackBarAction(
                  label: 'OK',
                  onPressed: () {},
                ),
               
              )
            );
          },
        );
      }
    }

     效果:

  • 相关阅读:
    js基本
    js循环语句
    常用的css
    Linux使用host-only的方式上网
    Struts2的文件上传及错误国际化显示
    ThinkPHP3.2.2 大写子母的用法及含义
    php中验证码不显示问题
    AOP中的ASPECTJ
    CGLIB和JDK代理
    mavne的创建
  • 原文地址:https://www.cnblogs.com/loaderman/p/11332774.html
Copyright © 2011-2022 走看看