Flutter 简单对话框组件

Flutter 简单对话框组件(SimpleDialog)，SimpleDialog组件用于设计简单对话框，可以显示附加的提示或操作，组件的属性及描述如表所示:

简单对话框通常需要配合SimpleDialogOption组件一起使用，接下来通过一个示例来展示如何使用，示例代码如下：

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {

    return MaterialApp(
      title: 'SimpleDialog组件示例',
      home: Scaffold(
        appBar: AppBar(
          title: Text('SimpleDialog组件示例'),
        ),
        body: Center(
          child: SimpleDialog(
              title: const Text('对话框标题'),
              children: <Widget>[
                SimpleDialogOption(
                  onPressed: () {   },
                  child: const Text('第一行信息'),
                ),
                SimpleDialogOption(
                  onPressed: () {   },
                  child: const Text('第二行信息'),
                ),
              ],
          ),
        ),
      ),
    );
  }
}

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

注意 通常对话框都是通过某个动作来触发渲染的。比如点击按钮、菜单等，所以对话框一般要封装在一个方法里实现。另外这个过程是异步的，需要加入async/await处理。

酷客教程相关文章：

• Flutter 弹出菜单组件
• Flutter 扁平按钮组件
• Flutter 悬停按钮组件
• Flutter 抽屉组件