如何在颤振中创建 AppBar 的自定义形状？

Question

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

Here's the image, I have highlighted the part.

谢谢大家，感谢您的任何帮助。

Answer 1

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

这将强制您实现 Size get preferredSize 方法。这里你只需要返回一个 Size，它代表你的 AppBar 高度。

Answer 2

Flutter 中的

AppBar 在其构造函数中有一个 shape 参数 - 您应该利用它。它接收 ShapeBorder 及其所有后代。在您的情况下，我建议您使用 ContinuousRectangleBorder。扩展它并覆盖它的 Path getOuterPath(Rect rect, {TextDirection textDirection}) 方法。在这种从点到点绘制直线和曲线的方法中，您应该手动绘制 AppBar 形状。 Here 是其外观的近似示例。