【Flutter】AnimatedNotchBottomBarを実装してみて

こんにちは！
今回はAnimatedNotchBottomBarというパッケージを使ってBottomBarに動きをつけてみました。

パッケージ

実装内容

パラメータ

1	2
notchBottomBarController	ページを制御できるコントローラー
bottomBarItems	ナビゲーション項目。必要な項目は 1 つ以上 6 つ未満です
onTap	アイテムがタップされたときにリッスンする必要があり、選択されたアイテムのインデックスを提供します。
color	下部バーの背景色
removeMargins	デフォルトでは、サイドとボトムの余白を削除するには false にします
bottomBarWidth	Web およびデスクトップ アプリに幅を提供します
durationInMilliSeconds	継続時間をミリ秒単位で設定します
showLabel	下部バー項目の下のラベルを表示または非表示にします
itemLabelStyle	下部バーの項目テキストスタイル
showShadow	false の場合、下部のバーの標高は削除されます
showBlurBottomBar	true の場合、下のバーがぼやけて見えます
blurOpacity	ぼかし効果の不透明度を設定します
blurFilterX	x 軸にガウスぼかしを適用する画像フィルターを作成します
blurFilterY	Y 軸にガウスぼかしを適用する画像フィルターを作成します
notchColor	ノッチの色をカスタマイズ可能
notchGradient	ノッチにグラデーションを追加します
showTopRadius	false に設定すると、上部の角の半径が削除されます
showBottomRadius	false に設定すると、上部の角の半径が削除されます
elevation	下部バーの標高を設定します
bottomBarHeight	下部バーの高さを設定します

実装コード

AnimatedNotchBottomBar(
      notchBottomBarController: _controller,
      notchColor: Colors.lightBlue,
      kBottomRadius: 10.0,
      kIconSize: BorderSide.strokeAlignCenter,
      color: Colors.blue,
      bottomBarItems: const [
        BottomBarItem(
          inActiveItem: Icon(
            Icons.home_filled,
            color: Colors.white,
          ),
          activeItem: Icon(
            Icons.home,
            color: Colors.white,
          ),
        ),
        BottomBarItem(
          inActiveItem: Icon(
            Icons.star_outline,
            color: Colors.white,
          ),
          activeItem: Icon(
            Icons.star,
            color: Colors.white,
          ),
        ),
        BottomBarItem(
          inActiveItem: Icon(
            Icons.settings_outlined,
            color: Colors.white,
          ),
          activeItem: Icon(
            Icons.settings,
            color: Colors.white,
          ),
        ),
      ],
      onTap: (index) {
        setState(() {});
      },
    )

以上になります！
最後まで読んでいただきありがとうございました！