Dialog

AlertDialog

_alertDialog() async {
    var result = await showDialog(
        barrierDismissible: false, //表示点击灰色背景的时候是否消失弹出框
        context: context,
        builder: (context) {
            return AlertDialog(
                title: const Text("提示信息!"),
                content: const Text("您确定要删除吗?"),
                actions: <Widget>[
                    TextButton(
                        child: const Text("取消"),
                        onPressed: () {
                            print("取消");
                            Navigator.pop(context, 'Cancle');
                        },
                    ),
                    TextButton(
                        child: const Text("确定"),
                        onPressed: () {
                            print("确定");
                            Navigator.pop(context, "Ok");
                        },
                    )
                ],
            );
        }
    );
    print(result);
}

SimpleDialog 、 SimpleDialogOption

_simpleDialog() async {
    var result = await showDialog(
        barrierDismissible: true, //表示点击灰色背景的时候是否消失弹出框
        context: context,
        builder: (context) {
            return SimpleDialog(
                title: const Text("请选择内容"),
                children: <Widget>[
                    SimpleDialogOption(
                        child: const Text("Option A"),
                        onPressed: () {
                            print("Option A");
                            Navigator.pop(context, "A");
                        },
                    ),
                    const Divider(),
                    SimpleDialogOption(
                        child: const Text("Option B"),
                        onPressed: () {
                            print("Option B");
                            Navigator.pop(context, "B");
                        },
                    ),
                    const Divider(),
                    SimpleDialogOption(
                        child: const Text("Option C"),
                        onPressed: () {
                            print("Option C");
                            Navigator.pop(context, "C");
                        },
                    ),
                ],
            );
        }
    );
    print(result);
}

showModalBottomSheet

_modelBottomSheet() async {
    var result = await showModalBottomSheet(
        context: context,
        builder: (context) {
            return SizedBox(
                height: 220,
                child: Column(
                    children: <Widget>[
                        ListTile(
                            title: const Text("分享 A"),
                            onTap: () {
                                Navigator.pop(context, "分享 A");
                            },
                        ),
                        const Divider(),
                        ListTile(
                            title: const Text("分享 B"),
                            onTap: () {
                                Navigator.pop(context, "分享 B");
                            },
                        ),
                        const Divider(),
                        ListTile(
                            title: const Text("分享 C"),
                            onTap: () {
                                Navigator.pop(context, "分享 C");
                            },
                        )
                    ],
                ),
            );
        }
    );
    print(result);
}

Toast

fluttertoast的使用

https://pub.dev/packages/fluttertoast

pubspec.yaml

# add this line to your dependencies
dependencies:
    fluttertoast: ^8.0.9

import 'package:fluttertoast/fluttertoast.dart';

Fluttertoast.showToast(
    msg: "提示信息",
    toastLength: Toast.LENGTH_SHORT,
    gravity: ToastGravity.BOTTOM,
    timeInSecForIosWeb: 1,
    backgroundColor: Colors.black,
    textColor: Colors.white,
    fontSize: 16.0
);

ftoast的使用

支持LINUX MACOS WEB WINDOWS的另一个插件 https://pub.dev/packages/ftoast

pubspec.yaml

dependencies:
    ftoast: ^2.0.0

import 'package:ftoast/ftoast.dart';

FToast.toast(
    context,
    msg: "This is Msg",
    subMsg: "Welcome to use FToast. This is subMsg!",
    subMsgStyle: const TextStyle(color: Colors.white, fontSize: 13),
);