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

Question

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

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

谢谢大家，我们非常感谢任何形式的帮助。

Answer 1

Flutter 中的

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