如何制作真正的自定义 BottomNavigationBar

我正在尝试设计一个非常自定义的 BottomNavigationBar,如下所示:

在此处输入图像描述

是否可以在酒吧的顶部中心进行这种肿块/增长?

我准确地说我不想要一个圆形的 FloatingActionButton,我用这种方法得到的最好结果并不是完全符合预期:

https://i.ibb.co/b60FT10/Capture-d-cran-du-2022-05-27-15-27-34.png

不批准

MyFab 按钮更改大小并使用 ClipOval 换行

在此处输入图像描述

在此处输入图像描述

例如,你可以看看我的项目

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

颤振 如何在Flutter中制作BottomNavigationBar的自定义按钮?

Flutter中的自定义BottomNavigationBar

如何使bottomNavigationBar缺口透明

如何更改bottomNavigationBar的颜色?

flutter bottomNavigationBar 和自定义字体问题

如何从BottomNavigationBar中删除图标?

如何为bottomNavigationBar添加渐变?

如何更改BottomNavigationBar背景色?

如何在主页中添加BottomNavigationBar

Flutter-如何从BottomNavigationBar删除填充?

如何使用 1 NavigationBarItem 实现 BottomNavigationBar

如何使用Flutter的onWillpop转换BottomNavigationBar页面?

如何在Flutter的BottomNavigationBar中显示图像?

如何在单独的文件中使用bottomNavigationBar?

Flutter:如何在bottomNavigationBar 后面显示内容

如何制作自定义的Toast布局以真正在Android中全屏显示?

如何让BottomNavigationBar通过AlertDialog响应导航到新页面?

如何在Flutter中使用BottomNavigationBar维护Webview状态

使用Flutter导航和路线时如何保持BottomNavigationBar

如何在Flutter上更改BottomNavigationBar项目的颜色?

onPressed为bottomNavigationBar时如何设置材质按钮的状态

如何在Flutter中为BottomNavigationBar菜单提供onPress函数?

如何在BLOC的Flutter中的BottomNavigationBar中设置currentIndex?

如何推送位于Flutter BottomNavigationBar顶部的全屏页面

如何在Flutter中使用BottomNavigationBar构建页面

如何在导航回时再次显示 BottomNavigationBar

如何使用颤振从BottomNavigationBar 获取类似WhatsApp 的菜单?

颤动的圆形波纹效果:如何构建漂亮的材质BottomNavigationBar

在Flutter中使用BottomNavigationBar时如何防止放置屏幕?