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('OK'),
              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函数创建一个弹窗。当用户点击页面中的按钮时，会触发这个方法，显示带有标题和内容的警告对话框，并且有一个“OK”按钮用于关闭弹窗。