flutter - 背景のコンテンツに影響を与えずにボトム ナビゲーション バーの角を曲げるには? フラッター

Question

フラッター付きのカスタム ボトム ナビゲーション バーを作成しました。しかし、曲がった角の後ろの背景が白い色で塗りつぶされているのが見えます。背景の内容が見たいです。

下のナビゲーションバーはこんな感じ。

ご覧のとおり、角は白い色で塗りつぶされています。

これは、下部のナビゲーション バーのコードです。

bottomNavigationBar: Container(
      decoration: BoxDecoration(
        color: Colors.transparent,
        backgroundBlendMode: BlendMode.clear,
        borderRadius: BorderRadius.only(
          topLeft: Radius.circular(18),
          topRight: Radius.circular(18),
        ),
        boxShadow: [
          BoxShadow(color: Colors.black38, spreadRadius: 0, blurRadius: 10),
        ],
      ),
      height: MediaQuery.of(context).size.height * 0.085,
      child: ClipRRect(
        borderRadius: BorderRadius.only(
          topLeft: Radius.circular(18.0),
          topRight: Radius.circular(18.0),
        ),
        child: BottomNavigationBar(
          backgroundColor: Color(0xFFF0B50F),
          type: BottomNavigationBarType.fixed,
          selectedLabelStyle: TextStyle(fontSize: 12),
          items: [
            BottomNavigationBarItem(),
            BottomNavigationBarItem(),
            BottomNavigationBarItem(),
            BottomNavigationBarItem(),
            BottomNavigationBarItem(),
          ],
          currentIndex: _selectedPage,
          selectedItemColor: Colors.black,
          onTap: _onItemTapped,
        ),
      ),
    ),

コンテナの色を透明にしてみました。しかし、うまくいきませんでした。