码迷,mamicode.com
首页 > 其他好文 > 详细

Flutter 中AlertDialog确认提示弹窗

时间:2019-08-08 21:41:09      阅读:329      评论:0      收藏:0      [点我收藏+]

标签:open   pop   src   builder   extends   tor   navig   log   mamicode   

  import ‘package:flutter/material.dart‘;
  import ‘dart:async‘;

  enum Action {
    Ok,
    Cancel
  }

  class AlertDialogDemo extends StatefulWidget {
    @override
    _AlertDialogDemoState createState() => _AlertDialogDemoState();
  }

  class _AlertDialogDemoState extends State<AlertDialogDemo> {
    String _choice = ‘Nothing‘;
    
    Future _openAlertDialog() async {
      final action = await showDialog(
        context: context,
        barrierDismissible: false,//// user must tap button!
        builder: (BuildContext context) {
          return AlertDialog(
            title: Text(‘提示‘),
            content: Text(‘是否删除?‘),
            actions: <Widget>[
              FlatButton(
                child: Text(‘取消‘),
                onPressed: () {
                  Navigator.pop(context, Action.Cancel);
                },
              ),
              FlatButton(
                child: Text(‘确认‘),
                onPressed: () {
                  Navigator.pop(context, Action.Ok);
                },
              ),
            ],
          );
        },
      );

      switch (action) {
        case Action.Ok:
          setState(() {
            _choice = ‘Ok‘;
          });
          break;
        case Action.Cancel:
          setState(() {
            _choice = ‘Cancel‘;
          });
          break;
        default:
      }
    }
    
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(
          title: Text(‘AlertDialogDemo‘),
          elevation: 0.0,
        ),
        body: Container(
          padding: EdgeInsets.all(16.0),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Text(‘Your choice is: $_choice‘),
              SizedBox(height: 16.0,),
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  RaisedButton(
                    child: Text(‘Open AlertDialog‘),
                    onPressed: _openAlertDialog,
                  ),
                ],
              ),
            ],
          ),
        ),
      );
    }
  }

技术图片


 

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

Flutter 中AlertDialog确认提示弹窗

标签:open   pop   src   builder   extends   tor   navig   log   mamicode   

原文地址:https://www.cnblogs.com/loaderman/p/11323721.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!