Flutter Dialog 对话框

Flutter 提供了很多Dialog 弹窗,如:AboutDialog、AlertDialog、SimpleDialog、CupertinoAlertDialog、CupertinoFullscreenDialogTransition、BottomSheet。

在没有比官网介绍的更贴切了

AboutDialog

这是一个对话框,其中包含应用程序的图标,名称,版本号和版权,以及显示应用程序使用的软件许可证的按钮。

 

要显示的AboutDialog,使用showAboutDialog

 

如果应用程序具有Drawer,则AboutListTile小部件可以使显示about对话框的过程更简单。

 

所述AboutDialog通过所示showAboutDialog包括按钮调用 showLicensePage

 

LicensePage上显示的许可证是LicenseRegistry API 返回的 许可证,可用于向列表中添加更多许可证。

查 看 详 情 

 

AlertDialog

警报对话框会通知用户需要确认的情况。警报对话框具有可选标题和可选的操作列表。标题显示在内容上方,操作显示在内容下方。

 

如果内容太大而无法垂直放入屏幕,则对话框将显示标题和操作,并让内容溢出,这是很少需要的。考虑使用滚动窗口小部件来显示内容,例如 SingleChildScrollView,以避免溢出。(但是,请注意,由于AlertDialog尝试使用其子项的内部维度来调整自身大小,因此使用惰性视口的小部件(如ListViewGridViewCustomScrollView)将无法工作。如果这是一个问题,请考虑直接使用Dialog。 )

 

对于为用户提供多个选项之间选择的对话框,请考虑使用SimpleDialog

 

通常作为子窗口小部件传递给showDialog显示对话框。

查 看 详 情 

 

SimpleDialog

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

选择通常使用SimpleDialogOption小部件表示。如果使用其他小部件,请参阅contentsPadding以获取有关获取Material Design预期间距的约定的注释。

对于通知用户情况的对话框,请考虑使用 AlertDialog

通常作为子窗口小部件传递给showDialog,它显示对话框。

查 看 详 情 

 

CupertinoAlertDialog

iOS风格的警报对话框。

 

警报对话框会通知用户需要确认的情况。警报对话框具有可选标题,可选内容和可选的操作列表。标题显示在内容上方,操作显示在内容下方。

 

 

 

要显示看起来像标准iOS对话框按钮的操作按钮,请为此对话框提供的操作提供CupertinoDialogAction

 

通常作为子窗口小部件传递给showDialog,它显示对话框。

查 看 详 情 

 

CupertinoFullscreenDialogTransition

用于召唤全屏对话框的iOS风格转换。

 

例如,通过从底部引入下一个屏幕来创建新日历事件时使用。

查 看 详 情 

 

BottomSheet

BottomSheet是一个从屏幕最下方弹出的对话框

查 看 详 情 

  • 5
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

马志武

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值