Flutter笔记：Widgets Easier组件库使用弹窗

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: DialogDemo(),
    );
  }
}
 
class DialogDemo extends StatefulWidget {
  @override
  _DialogDemoState createState() => _DialogDemoState();
}
 
class _DialogDemoState extends State<DialogDemo> {
  // 弹窗显示控制
  bool _isShowDialog = false;
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('弹窗示例'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('点击显示弹窗'),
          onPressed: () {
            setState(() {
              _isShowDialog = true;
            });
          },
        ),
      ),
      // 使用_isShowDialog来控制弹窗的显示
      dialog: _isShowDialog ? AlertDialog(
        title: Text('警告'),
        content: Text('确认退出应用？'),
        actions: <Widget>[
          FlatButton(
            child: Text('取消'),
            onPressed: () {
              setState(() {
                _isShowDialog = false;
              });
            },
          ),
          FlatButton(
            child: Text('确认'),
            onPressed: () {
              // 实现退出应用的逻辑
              Navigator.of(context).pop(); // 关闭弹窗
            },
          ),
        ],
      ) : null,
    );
  }
}

这段代码展示了如何在Flutter中使用AlertDialog创建一个简单的弹窗，并通过一个RaisedButton触发弹窗的显示。弹窗中包含标题、内容和两个按钮，分别用于取消操作和确认退出应用。这是学习Flutter对话框使用的一个基本示例。