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。
在模拟器可以再测试一下,这里仍然会显示一个漂浮动作按钮小部件。