用户登录

在 Scaffold 小部件里面,用 floatingActionButton 参数可以设置在页面上显示一个漂浮动作按钮(FloatingActionButton),默认它会一定固定在页面的右下角显示,通过 floatingActionButtonLocation 参数可以设置它的位置。

在 Scaffold 小部件里面添加一个 floatingActionButton 参数,它的值一般就是一个 FloatingActionButton 小部件。设置一下它的 child,可以使用一个 Icon 小部件,图标用一下 Icons.share_outlined。

再添加一个 onPressed 参数,点按这个按钮的时候会执行它个参数指定的函数,在这个函数里可以在控制台上输出 floating action button.

保存一下文件,默认在页面的右下角这个就会显示一个漂浮动作按钮。现在这个按钮用的背景颜色是应用主题里设置的次要颜色。

我们可以直接在这个小部件里面,用 backgroundColor 参数设置一下要使用的背景颜色,比如设置成 Colors.black87。 再用 foregroundColor 参数设置一下前景色,设置成 Colors.white70。

在模拟器上再观察一下这个漂浮动作按钮的样式。

使用漂浮动作按钮(FloatingActionButton)《 Flutter 2:页面结构 》

统计

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

社会化网络

关于

微信订阅号

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