flutter - フラッターでカスタムクリッパーを使用して湾曲したアプリバーを作成する方法

Question

こんにちは、フラッターは初めてです。

私はこのアプリバーを作ろうとしていますが、これが私の最終目標です

いくつかのチュートリアルに従って湾曲したアプリ バーを作成しようとしましたが、希望どおりの結果を得ることができませんでした

いくつかのグーグルの後、私はこの単純な曲線を作ることができました。 ここに私が使用したクリッパーコードがあります

class CurvedClipper extends CustomClipper<Path> {
  @override
  Path getClip(Size size) {
    var path = Path();
    path.lineTo(0, size.height - 30);
    path.quadraticBezierTo(
        size.width / 2, size.height, size.width, size.height - 30);
    path.lineTo(size.width, 0);

    path.close();
    return path;
  }

  @override
  bool shouldReclip(CustomClipper<Path> oldClipper) => false;
}

ここに私の質問があります SVG 曲線をこの曲線クリッパーに変換する方法はありますか?