如何在 Dart Flutter 中制作容器内曲线？

Question

我制作这个应用程序时，我必须制作一个像这样的底部导航栏，它在容器内部是弯曲的，所以对此有什么特别的解决方案，我们将不胜感激。 谢谢在此处输入图片描述

我制作这个应用程序时，我必须制作一个像这样的底部导航栏，它在容器内部是弯曲的，所以对此有什么特别的解决方案，我们将不胜感激。 谢谢

Answer 1

你可以使用 BottomAppBar 的形状属性来做这样的事情，然后给它 CircularNotchedRectangle 形状来创建这样的曲线：

BottomAppBar(
          notchMargin: 7,
          color: Color(0xff1c1f26),
          shape: CircularNotchedRectangle()

或者只使用像 stylish_bottom_bar 这样的package