用户登录

Scaffold 小部件的 floatingActionButton 参数的值用了一个 FloatingActionButton,下面可以把它放在一个自定义的小部件里面,然后让它作为 Scaffold 小部件的 floatingActionButton 参数的值。

先打开 app.dart,找到 Scaffold 里的 floatingActionButton 参数,剪切一下这里用的这个 FloatingActionButton 小部件。

在项目里新建一个文件,放在 lib/app/components 里面,名字是 app_floating_action_button.dart,在这个文件里定义一个小部件,名字是 AppFloatingActionButton,然后把剪切的东西作为这个小部件的 build 方法返回的东西。这里就是一个 FloatingActionButton 小部件。

回到 App 小部件,给 Scaffold 小部件的 floatingActionButton 参数提供一个 AppFloatingActionButton。

在模拟器可以再测试一下,这里仍然会显示一个漂浮动作按钮小部件。

定义应用漂浮动作按钮小部件(AppFloatingActionButton)《 Flutter 2:定义部件 》

统计

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

社会化网络

关于

微信订阅号

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