Flutter 提示对话框组件

Flutter 提示对话框组件（AlertDialog），AlertDialog组件比SimpleDialog对话框又复杂一些。不仅仅有提示内容，还有一些操作按钮，如确定和取消等，内容部分可以用SingleChildScrollView进行包裹。组件的属性及描述如表所示:

编写一个删除确认的示例，完整的示例代码如下：

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: <Widget>[
                Text('是否要删除?'),
                Text('一旦删除数据不可恢复！'),
              ],
            ),
          ),
          // 对话框操作按钮
          actions: <Widget>[
            FlatButton(
              child: Text('确定'),
              onPressed: () {},
            ),
            FlatButton(
              child: Text('取消'),
              onPressed: () {},
            ),
          ],
      ),
    ),
  ),
);
  }
}

上述示例代码的视图展现大致如图所示：

酷客教程相关文章：

• Flutter 简单对话框组件
• Flutter 弹出菜单组件
• Flutter 扁平按钮组件
• Flutter 悬停按钮组件