用户登录

先把漂浮动作按钮换成 _floatingActionButton .. 按钮的形状可以使用默认的圆形 ... 底部工具栏可以放在 Scaffold 的 bottomNavigationBar 上面 .. 用一下 BottomAppBar ... 给它一个 child 属性 ... 一个 Container ... 设置一下它的 height ... 也就是高度 ..

现在浮动按钮会在底部工具栏的上面 .. 在 Scaffold 里面,使用 floatingActionButtonLocation 这个属性可以调整漂浮动作按钮的位置 .. 把它设置成 FloatingActionButtonLocation.endDocked .. 这样漂浮按钮跟底部工具栏会叠加到一块儿 .. 让它们叠加居中,可以把位置换成 centerDocked ..

它们叠加到一块儿的时候,我们可以在底部工具栏上切出一个跟按钮形状相符的一个缺口 ... 在 BottomAppBar 上面,添加一个 shape 属性,可以把它的值设置成 CircularNotchedRectangle() ..

BottomAppBar:底部工具栏《 Flutter 移动应用:按钮 》

统计

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

社会化网络

关于

微信订阅号

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