flutter花式底部导航栏制作

我们使用的是插件ace_bottom_navigation_bar 0.0.4,各种样式都有,包你满意

自定义BottomNavigation Flutter插件。支持文字/图标/图像...


具体效果

如果大家需要给底部导航栏加个elevation并且是自定义颜色的还有位置也想自定义的话可以直接给这个东西包装个container,

然后加个

BoxShadow

来设置一些列属性,并且多设几层也是没有问题的。

示例代码

new Container(
            decoration: BoxDecoration(
              boxShadow: [
                new BoxShadow(
                  color: Colors.grey,
                  offset: Offset(dx, dy),
                  spreadRadius: 1.0,
                  blurRadius: 0.2,
                ),
                new BoxShadow(
                  color: Colors.grey,
                  offset: Offset(dx, dy),
                  spreadRadius: 1.0,
                  blurRadius: 0.2,
                ),
              ],
            ),
          )

插件地址:https://pub.dev/packages/ace_bottom_navigation_bar

本博客所有文章如无特别注明均为原创。作者:flutter教程网复制或转载请以超链接形式注明转自 Flutter教程网
原文地址《flutter花式底部导航栏制作
分享到:更多

相关推荐


Flutter教程网 官方QQ群:874592746

扫描下面二维码 加入Flutter教程网微信群:


发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)