SmoothPageIndicator【Flutter】

Question

????SmoothPageIndicatorに、外枠・傾斜をつけたいです。
スクリーンショットは質問欄下部にあります。

お時間あるときにご返信いただければ。幸いです。

---

SmoothPageIndicator【公式サイト】

以下はWormEffectの検証コードです。
公式サイトにも似たようなコードがあると思います。????

child: Center(
              child: SmoothPageIndicator(
                controller: _pageController,
                count: 4,
                effect: WormEffect(
                  dotWidth: 10,
                  dotHeight: 10,
                  spacing: 10,
                  radius: 0,
                  activeDotColor: primaryColor,
                  dotColor: secondaryColor,
                ),
              ),
            ),

外枠をつけたい。

傾斜をつけたい。

Comments

[tepci]

SmoothPageIndicatorが提供しているのは、ページ下部でページのインデックスを示す点のみだと思うのですが、それに外枠などをつけたいということでしょうか？
それとも、スライドするCard的なものを指していますか？

[kazuki_user]

前者です。

スクリーンショット1枚目、
Scrolling dotsにて固定された円や、Scaleにて移動する円のことを指します????

Answer 1

パッケージ触っていないのでわからないですが、effectのなかに以下のプロパティ追加で外枠は付きませんか？

activeStrokeWidth: 2.6,

または

paintStyle:  PaintingStyle.stroke,
strokeWidth:  1.5,

傾斜というのは、回転させるということだと思いますが、サポートしてなさそうなので可能かどうかはちょっと不明です・・・

Comments

[kazuki_user]

ご返信ありがとうございます。
Containerなどを使ってみることにしました。