flutter 弹窗之系列一

在Flutter中，创建一个简单的弹窗可以使用showDialog函数。以下是一个弹窗的示例代码：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
    );
  }
}
 
class HomePage extends StatelessWidget {
  void _showDialog(BuildContext context) {
    showDialog(
      context: context,
      builder: (context) {
        return AlertDialog(
          title: Text('Alert Dialog'),
          content: Text('This is an alert dialog.'),
          actions: <Widget>[
            FlatButton(
              child: Text('Close'),
              onPressed: () {
                Navigator.of(context).pop();
              },
            ),
          ],
        );
      },
    );
  }
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Home Page'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('Open Dialog'),
          onPressed: () => _showDialog(context),
        ),
      ),
    );
  }
}

这段代码定义了一个HomePage类，它包含了一个_showDialog方法，该方法使用showDialog函数创建一个弹窗。当用户点击页面上的按钮时，会触发这个方法，显示弹窗。弹窗中包含标题、内容和一个关闭按钮，点击该按钮会关闭弹窗。