用户登录

国庆活动:订阅年付会员送 6 个月,重订、续订送 12 个月。订阅 →

SnackBar 会短暂的显示在屏幕的底部,过一会儿它就会自动消失 .. 你可以用它提示用户的一些操作 .. 在这个 SnackBar 的演示里面 .. 可以使用一个自定义的小部件 .. 名字是 SnackBarButton ..

下面再去定义这个小部件 .. 一个 Stateless 类型的 Widget .. 名字是 SnackBarButton .. 在 build 方法里面,先添加一个 FlatButton .. 按钮上的文字是 Open SnackBar ..

点按按钮的行为的处理方法可以使用 onPressed 来设置 .. 里面我们用一下 Scaffold of .. context ,得到当前的 ScaffoldState .. 执行一下 showSnackBar .. 我们需要给它提供一个 SnackBar .. 在它上面要显示的内容可以使用 content 来设置一下 .. 用一个 Text .. 文字是 Processing...

你也可以给它添加一个 action .. 这个 action 是一个 SnackBarAction ... 设置一下它的 label .. OK ... 还需要再提供一个 onPressed .. 先给它一个空白的方法 ..

下面可以到模拟器上试一下 ..

按一下 Open SnackBar ..

现在,在屏幕底部出现的东西就是 SnackBar .. 过一会儿它会自动消失 ...

或者也可以直接把它拖回去 ... 也可以按一下 SnackBar 上面的 Action ...

SnackBar:操作提示栏《 Flutter 移动应用:对话框 》

统计

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

社会化网络

关于

微信订阅号

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