flutter - Flutter でより滑らかな境界半径曲線を作成する

Question

ドリブルデザインからフラッターで1つのボトムアプリバーを作成しようとしています.これらの曲線をデザインのように滑らかにしたいのですが、フローティングアクションボタンのノッチはデザインほど滑らかではありません. これを達成する別の方法を考えることができません。

これがScaffoldの私のコードです -

    bottomNavigationBar: ClipRRect(
    borderRadius: BorderRadius.only(
        topLeft: Radius.circular(40), topRight: Radius.circular(40)),
    child: Container(
      child: BottomAppBar(
        shape: CircularNotchedRectangle(),
        color: Colors.blue,
        child: SizedBox(
          height: height * 0.12,
          width: width,
        ),
      ),
    ),
  ),
  floatingActionButton: Container(
    margin: EdgeInsets.all(8),
    width: 80.0,
    height: 80.0,
    child: FloatingActionButton(
      onPressed: () {},
      child: Icon(
        Icons.add,
        size: 25.0,
      ),
    ),
  ),
  floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,

左の写真は私が達成したいもので、右の写真は私が達成したものです。最初の画像の滑らかな境界線に注意してください. quadraticBezierCurve のカスタム ペインターを使用してみましたが、成功しませんでした

助けて感謝