美文网首页
Flutter AlertDialog 安卓风格

Flutter AlertDialog 安卓风格

作者: 喜剧收尾_XWX | 来源:发表于2020-08-14 07:58 被阅读0次

    组件

    import 'package:flutter/material.dart';
    
    void main() => runApp(MyApp());
    
    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          title: 'AlertDialog组件示例',
          home: Scaffold(
            appBar: AppBar(
              title: Text('AlertDialog组件示例'),
            ),
            body: Center(
              //添加对话框
              child: AlertDialog(
                //对话框标题
                title: Text('提示'),
                //对话框内容部分
                content: SingleChildScrollView(
                  child: ListBody(
                    children: <Widget>[
                      Text('是否要删除?'),
                      Text('一旦删除数据不可恢复!'),
                    ],
                  ),
                ),
                //对话框操作按钮
                actions: <Widget>[
                  FlatButton(
                    child: Text('确定'),
                    onPressed: () {},
                  ),
                  FlatButton(
                    child: Text('取消'),
                    onPressed: () {},
                  ),
                ],
              ),
            ),
          ),
        );
      }
    }
    

    使用

        return showDialog(
            context: context,
            builder: (context) => AlertDialog(
                  content: Text('是否退出'),
                  actions: <Widget>[
                    FlatButton(
                      onPressed: () => Navigator.of(context).pop(false),
                      child: Text("取消"),
                    ),
                    FlatButton(
                      onPressed: () => Navigator.of(context).pop(true),
                      child: Text("确定"),
                    )
                  ],
                ));
    

    相关文章

      网友评论

          本文标题:Flutter AlertDialog 安卓风格

          本文链接:https://www.haomeiwen.com/subject/uebydktx.html