SimpleDialog:显示对话框(showDialog)

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

SimpleDialog 是个对话框,一般在这个对话框上面会提示一些选项,用户可以选择对话框里的选项,应用可以根据用户的选择去做不同的事情。显示这个对话框可以使用 showDialog ..

在这个演示页面上,先添加一个漂浮动作按钮,按下这个按钮可以打开 SimpleDialog .. 在 Scaffold 里面,添加一个 floatingActionButton 属性 .. 它的值用一个 FloatingActionButton .. 它的 child 是按钮上显示的东西,用一个小图标 .. 小图标是 Icons.format_list_numbered ..

按下这个按钮会执行 onPressed ... 用一个 _openSimpleDialog ..

在上面找个地方再去定义一下这个 _openSimpleDialog .. 在这个方法里面,可以使用一下 showDialog 方法,用它打开对话框 .. 这需要一个 context ,对应的值是 context .. 然后用 builder 属性去构建打开的对话框 .. 一个方法 .. 方法需要 BuildContext 类型的 context 参数 ..

方法里面可以 return 一个 SimpleDialog .. 在这个小部件上面添加一个可选的 title 属性设置一下对话框的标题 .. 标题文字是 SimpleDialog ..

然后它的 children 属性里面可以添加一组小部件 .. 就是要在对话框上显示的东西 .. 暂时先不添加任何的东西 ..

到模拟器上试一下 .. 按一下这个漂浮按钮 .. 会执行 showDialog 打开一个 SimpleDialog .. 现在这个对话框的上面只有一个标题 ..

SimpleDialog:显示对话框(showDialog)《 Flutter 移动应用:对话框 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点