第5章MaterialDesign风格组件-AlertDialog对话框组件

最新推荐文章于 2025-04-24 12:00:13 发布

亢少军

最新推荐文章于 2025-04-24 12:00:13 发布

阅读量906

点赞数

CC 4.0 BY-SA版权

分类专栏： Flutter

本文链接：https://blog.youkuaiyun.com/kangshaojun888/article/details/86637008

Flutter 专栏收录该内容

97 篇文章

订阅专栏

本文介绍了 Flutter 中 AlertDialog 组件的使用方法，包括如何创建一个带有标题、内容和操作按钮的对话框。通过实例展示了如何在应用中集成该组件，以提供用户交互确认功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

防采集标记：亢少军老师的课程和资料

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp 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: [
                  Text('是否要删除?'),
                  Text('一旦删除数据不可恢复！'),
                ],
              ),
            ),
            actions: [
              FlatButton(
                child: Text('确定'),
                onPressed: () {},
              ),
              FlatButton(
                child: Text('取消'),
                onPressed: () {},
              ),
            ],
          ),
        ),
      ),
    );
  }
}