zoukankan      html  css  js  c++  java
  • flutter 交互提示方式

    交互提示方式dialog和snackbar

    首先看看dialog的方式

     new PopupMenuButton(
                        icon: new Icon(Icons.phone_iphone, color: Colors.blue,),
                       onSelected: (v){
                         showDialog<Null>(
                           context: context,
                           builder:(_){
                             return new AlertDialog(
                                        content: new Text(v),
                                        actions: <Widget>[
                                          new FlatButton(
                                            onPressed: () {
                                              Navigator.of(_).pop();
                                            },
                                            child: new Text('确定')
                                          )
                                        ]
                                      );
                                      }
                                    );
                                },
                      
                        itemBuilder: (BuildContext context) => <PopupMenuItem<String>>[
                          new PopupMenuItem<String>(
                              value: '选项一的值',
                              child: new Text('屏蔽这个问题')
                          ),
                          new PopupMenuItem<String>(
                              value: '选项二的值',
                              child: new Text('取消关注')
                          ),
                          new PopupMenuItem<String>(
                              value: '选项二的值',
                              child: new Text("举报")
                          )
                        ]
                      
                      ),
           

    snackbar

     new PopupMenuButton(
                        icon: new Icon(Icons.phone_iphone, color: Colors.blue,),
                       //child: ImageIcon(AssetImage('images/wxzf.png'), size:20.0, color: Colors.blue,),
                       onSelected: (v){
            final snackBar = new SnackBar(
              content: new ListTile(leading: Icon(Icons.warning,color: Colors.red,),title: new Text(v),),
              backgroundColor: Colors.blue,
              duration: Duration(milliseconds: 2000),
              );
    
    Scaffold.of(context).showSnackBar(snackBar);             
     },
                      
                        itemBuilder: (BuildContext context) => <PopupMenuItem<String>>[
                          new PopupMenuItem<String>(
                              value: '选项一的值',
                              child: new Text('屏蔽这个问题')
                          ),
                          new PopupMenuItem<String>(
                              value: '选项二的值',
                              child: new Text('取消关')
                          ),
                          new PopupMenuItem<String>(
                              value: '选项二的值',
                              child: new Text("举报")
                          )
                        ]
                      
                      ),
          
  • 相关阅读:
    jquery城市选择案例
    jquery点击回到页面顶部方法
    jquery动态创建表格
    myeclipse、eclipse中项目复制后(可能无法访问)注意事项 .
    Myeclipse如何整合tomcat
    Java学习路线图
    ftp
    用javascript实现简体和繁体字间的转换
    FTP远程命令集
    JDBC-ODBC桥乱码问题解决方案
  • 原文地址:https://www.cnblogs.com/njcxwz/p/10064389.html
Copyright © 2011-2022 走看看