flutter - 如何在颤动中创建 AppBar 的自定义形状？

Question

所以，我想在我的应用栏底部的中心创建这个小的楔形形状。

这是图像，我已经突出显示了该部分。

谢谢大家，任何形式的帮助表示赞赏。

Answer 1

AppBar在 Fluttershape的构造函数中有一个参数——你应该利用它。它接收ShapeBorder及其所有后代。在您的情况下，我建议您使用ContinuousRectangleBorder. 扩展它并覆盖它的Path getOuterPath(Rect rect, {TextDirection textDirection})方法。在这种方法中，从点到点绘制直线和曲线，您应该AppBar手动绘制形状。这是一个大概的例子，它应该是什么样子。

Answer 2

您可以使用任何您想要的设计构建自己的 AppBar Widget。只需创建一个实现PreferredSizeWidget.

这将迫使您实施Size get preferredSize方法。在这里你只需要返回一个Size，它代表你的 AppBar 高度。