Flutter Dialog 对话框

知识共享许可协议 版权声明:署名,允许他人基于本文进行创作,且必须基于与原先许可协议相同的许可协议分发本文 (Creative Commons

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是一个从屏幕最下方弹出的对话框

查 看 详 情 

猜你喜欢

转载自blog.csdn.net/ruoshui_t/article/details/94318766