Flutter 中的 AlertDialog 小部件：全面指南

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

原创

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

5 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #前端

Flutter 中的 AlertDialog 小部件：全面指南

在Flutter中，AlertDialog是一个用于显示警告、错误、信息或者确认消息的模态对话框。它提供了一种简单而直接的方式与用户进行交流，通常用于需要用户注意的重要信息或者需要用户做出决策的场合。本文将提供关于如何在Flutter应用中使用AlertDialog的全面指南。

1. 引入Material包

AlertDialog是Material组件库的一部分，确保你的Flutter项目中已经导入了Material包。

dependencies:
  flutter:
    sdk: flutter
  material_flutter: ^latest_version

2. 创建基本的AlertDialog

以下是创建一个基本AlertDialog的示例：

import 'package:flutter/material.dart';

class AlertDialogExample extends StatelessWidget {
   
   
  @override
  Widget build(BuildContext context) {
   
   
    return Scaffold(
      appBar: AppBar(
        title: Text('AlertDialog Example'),
      ),
      body: Center(
        child: ElevatedButton(
          child: Text('Show AlertDialog')<