{"id":580,"date":"2023-02-18T18:35:45","date_gmt":"2023-02-18T10:35:45","guid":{"rendered":"http:\/\/gjweb.top\/?p=580"},"modified":"2023-02-18T18:35:47","modified_gmt":"2023-02-18T10:35:47","slug":"12-dialog-%e5%bc%b9%e7%aa%97%e7%bb%84%e4%bb%b6-toast-%e7%bb%84%e4%bb%b6","status":"publish","type":"post","link":"https:\/\/gjweb.top\/?p=580","title":{"rendered":"12. Dialog \u5f39\u7a97\u7ec4\u4ef6 & toast \u7ec4\u4ef6"},"content":{"rendered":"\n

AlterDialog \u63d0\u793a\u5f39\u7a97<\/h2>\n\n\n\n
_alterFun() async{
    var result = await showDialog(
        barrierDismissible:false,\/\/ \u7981\u7528\u70b9\u51fb\u7a7a\u767d\u5904\u9000\u51fa
        context:context,
        builder:(context){
            return AlterDialog(
                title:const Text(\"\u63d0\u793a\u4fe1\u606f\"),
                content:Text(\"\u786e\u8ba4\u5220\u9664\u5417\"),
                actions:[
                    TextButton(
                        child:Text(\"\u53d6\u6d88\"),
                        onPressed:(){
                            Navigator.pop(context,\"\u53d6\u6d88\") \/\/ \u6d88\u9664\u5f39\u7a97
                        }
                    ),
                    TextButton(
                        child:Text(\"ok\"),
                        onPressed:(){
                            Navigator.pop(context,\"ok\")
                        }
                    )
                ]
            )
        }
    );
    print(result)
}<\/code><\/pre>\n\n\n\n
\n\n\n\n
\u5f85\u9009\u9879\u7684\u7ec4\u4ef6 SimpleDialog\u3001SimpleDialogOption<\/h2>\n\n\n\n
_simpleDialog() async {
    var result = await showDialog(
    barrierDismissible: true, \/\/\u8868\u793a\u70b9\u51fb\u7070\u8272\u80cc\u666f\u7684\u65f6\u5019\u662f\u5426\u6d88\u5931\u5f39\u51fa\u6846
    context: context,
    builder: (context) {
        return SimpleDialog(
            title: const Text(\"\u8bf7\u9009\u62e9\u5185\u5bb9\"),
            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);
}<\/code><\/pre>\n\n\n\n
\n\n\n\n
\u5e95\u90e8\u5f39\u51fa\u5c42 showModalBottomSheet<\/h2>\n\n\n\n
_modelBottomSheet() async {
    var result = await showModalBottomSheet(
        context: context,
        builder: (context) {
            return SizedBox(
                height: 220,
                child: Column(
                    chilren:[
                        ListTile(
                            title: const Text(\"\u5206\u4eab A\"),
                            onTap: () {
                                Navigator.pop(context, \"\u5206\u4eab A\");
                            },
                        ),
                        const Divider(),
                        ListTile(
                            title: const Text(\"\u5206\u4eab B\"),
                            onTap: () {
                                Navigator.pop(context, \"\u5206\u4eab B\");
                            },
                        ),
                        const Divider(),
                    ]
                )
\u200b
            )
        }
    );
    print(result)
}<\/code><\/pre>\n\n\n\n
\n\n\n\n
\u81ea\u5b9a\u4e49\u5f39\u51fa\u5c42<\/h2>\n\n\n\n
String title;
String content;
Function()? onClosed;
MyDialog({Key? key, required this.title,required this.onClosed,this.content=\"\"}) : super(key: key);
Material(
    type:MateralType.transparency,\/\/ \u8bbe\u7f6e\u900f\u660e\u80cc\u666f
    child:Inkwell(
        onTap:onClosed,
        child:Text(\"$title\")
    )
)<\/code><\/pre>\n\n\n\n
\u4f7f\u7528<\/p>\n\n\n\n
void _myDialog() async {
    await showDialog(
        barrierDismissible: true, \/\/\u8868\u793a\u70b9\u51fb\u7070\u8272\u80cc\u666f\u7684\u65f6\u5019\u662f\u5426\u6d88\u5931\u5f39\u51fa\u6846
        context: context,
        builder: (context) {
            return MyDialog(
                title: '\u6807\u9898',
                onClosed: () {
                    print(\"\u5173\u95ed\");
                    Navigator.of(context).pop();
                },  
            content: \"\u6211\u662f\u4e00\u4e2a\u5185\u5bb9\");
        }
    );
}
\u200b<\/code><\/pre>\n\n\n\n
\n\n\n\n
toast \u7ec4\u4ef6<\/h2>\n\n\n\n
\u7b2c\u4e09\u65b9\u6a21\u5757<\/p>\n\n\n\n
fluttertoast: ^8.0.9<\/code><\/pre>\n\n\n\n
import 'package:fluttertoast\/fluttertoast.dart';
Fluttertoast.showToast(
    msg: \"\u63d0\u793a\u4fe1\u606f\",
    toastLength: Toast.LENGTH_SHORT,
    gravity: ToastGravity.BOTTOM,
    timeInSecForIosWeb: 1,
    backgroundColor: Colors.black,
    textColor: Colors.white,
    fontSize: 16.0
);<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
AlterDialog \u63d0\u793a\u5f39\u7a97 \u5f85\u9009\u9879\u7684\u7ec4\u4ef6 SimpleDialog\u3001SimpleDialogOption […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31],"tags":[],"class_list":["post-580","post","type-post","status-publish","format-standard","hentry","category-flutter"],"_links":{"self":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=580"}],"version-history":[{"count":1,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/580\/revisions"}],"predecessor-version":[{"id":581,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/580\/revisions\/581"}],"wp:attachment":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=580"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=580"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}