flutter - フラッターでカスタムの湾曲したアプリ バーを作成するためのより良い方法

Question

以下の例のように、カスタムの湾曲したアプリ バーを作成しようとしています。

そして、何度も試した後、ここに私のショットがあります

ソースコード ：

class CustomShapeBorder extends ContinuousRectangleBorder {
  @override
  Path getOuterPath(Rect rect, {TextDirection textDirection}) {
    final double innerCircleRadius = 150.0;

    Path path = Path();
    path.lineTo(0, rect.height);
    path.cubicTo(rect.width / 1.5 - 40, rect.height + innerCircleRadius - 40, rect.width / 1.5 + 40,
        rect.height + innerCircleRadius - 40, rect.width / 1.5 + 75, rect.height + 50);
    path.quadraticBezierTo(
        rect.width / 1.5 + (innerCircleRadius / 2) + 30, rect.height + 35, rect.width, rect.height);
    path.lineTo(rect.width, 0.0);
    path.close();

    return path;
  }
}

たとえばSVGを作成する簡単な方法はありますか。