Flutter SimpleDialog 对话框

最新推荐文章于 2025-10-24 21:07:25 发布

原创最新推荐文章于 2025-10-24 21:07:25 发布 · 3.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#Flutter SimpleDialog 对话框 #Flutter SimpleDialog #Flutter对话框

Flutter 基础专栏收录该内容

73 篇文章

订阅专栏

本文详细介绍了简单对话框组件的使用方法，包括其属性设置如标题、子组件、背景颜色等，以及如何通过代码实现一个带有性别选择的对话框实例。

简单的对话框为用户提供了多个选项之间的选择。一个简单的对话框有一个可选的标题，显示在选项上方。

参数详解

属性	说明
title	标题
titlePadding	标题内边距默认EdgeInsets.fromLTRB(24.0, 24.0, 24.0, 0.0),
children	子组件集合
contentPadding	内容内边距 EdgeInsets.fromLTRB(0.0, 12.0, 0.0, 16.0),
backgroundColor	背景颜色
elevation	阴阳高度
semanticLabel
shape	形状

代码示例

return SimpleDialog(
          title: const Text('请选择你的性别'),
          children: <Widget>[
            SimpleDialogOption(
              onPressed: () {
                Navigator.pop(context);
              },
              child: const Text('我是男人'),
            ),
            SimpleDialogOption(
              onPressed: () {
                Navigator.pop(context);
              },
              child: const Text('我是女人'),
            ),
            SimpleDialogOption(
              onPressed: () {
                Navigator.pop(context);
              },
              child: const Text('我是人妖'),
            ),
          ],
        );