flutter-alertdialog

最新推荐文章于 2025-03-10 20:53:16 发布

原创最新推荐文章于 2025-03-10 20:53:16 发布 · 982 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flutter-alertdialog

本文详细介绍Flutter框架中AlertDialog组件的使用方法。通过一个示例代码，展示了如何创建包含标题、内容和操作按钮的对话框，以及如何使用FlatButton来定义确认和取消操作。此组件适用于在应用中显示重要的提示信息或请求用户确认。

class MyAlertDialog extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'AlertDialog组件示例',
      home: Scaffold(
        appBar: AppBar(
          title: Text('AlertDialog组件示例'),
        ),
        body: Center(
          child: AlertDialog(
            title: Text('提示'), //对话框标题
            content: SingleChildScrollView(
              //对话框内容部分
              child: ListBody(
                children: <Widget>[
                  Text('是否要删除?'),
                  Text('一旦删除数据不可恢复！'),
                ],
              ),
            ),
            actions: <Widget>[
              FlatButton(
                child: Text('确定'),
                onPressed: () {},
              ),
              FlatButton(
                child: Text('取消'),
                onPressed: () {},
              ),
            ],
          ),
        ),
      ),
    );
  }
}