用户登录

AlertDialog,提示对话框 ..

在这个 AlertDialog 演示页面上,先添加一个 RaisedButton .. 按钮上要显示的东西是一个 Text .. 文字是 Open AlertDialog ..

onPressed 是按钮的点按事件的处理方法 .. 用一下 _openAlertDialog .. 在上面再找个地方去定义一下这个 _openAlertDialog ..

它里面可以先用一下 showDialog ,打开对话框 .. 先给它一个 context .. 对应的值是 context ..

然后再用它的 builder 方法去构建要打开的对话框 .. 方法有一个 BuildContext 类型的 context 参数 ..

方法 return 的东西就是一个对话框 .. 这里可以用一下 AlertDialog ..

对话框可以设置一下标题 ... 标题文字是 AlertDialog ..

对话框上的主要显示的文字,可以放在 content 这个属性里面 .. 用一个 Text .. 显示的文字是 Are you sure about this?

在提示对话框上面还可以添加一组动作 .. 用一个 actions 属性 .. 里面一般就是一组按钮 .. 可以添加一个 FlatButton .. 先设置一下按钮上显示的文字 .. Cancel ...

再给它一个 onPressed .. 在这个点按处理方法里面,用一下 Navigator.pop .. 把 context 交给它,这样点按这个按钮以后会关掉对话框 ..

然后再复制一份这个按钮 .. 按钮上的文字是 Ok ...

保存一下文件 ..

然后按一下屏幕上的这个 Open AlertDialog .. 会打开一个 AlertDialog .. 上面会显示对话框的标题 .. 主要内容 .. 还有一组动作按钮 ..

按一下空白的地方,会关掉对话框 .. 如果你想强制用户必须选择一个动作的话,可以把 showDialog 里面的 barrierDismissible 这个属性设置成 false ..

再试一下 .. 打开对话框 ... 按一下空白的地方 .. 现在就不会关掉对话框了 .. 用户必须要选择一个对话框上面提供的动作 ...

AlertDialog:提示对话框《 Flutter 移动应用:对话框 》

统计

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

社会化网络

关于

微信订阅号

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