[j Flutter] pageview indicator 추가하기

pageview에 indicator를 추가해보자.

 

1. smooth_page_indicator 플러그인을 설치해준다.

dependencies:
  smooth_page_indicator: ^1.0.0+2

 

 

2. 코드

PageController _pageController = PageController();

SmoothPageIndicator(
                                controller: _pageController, // PageController
                                count: 3,
                                effect: WormEffect(
                                    activeDotColor:
                                        Theme.of(context).primaryColor,
                                    dotColor: Theme.of(context)
                                        .colorScheme
                                        .background,
                                    radius: 2,
                                    dotHeight: 4,
                                    dotWidth: 4), // your preferred effect
                                onDotClicked: (index) {})

 

 

 

 

 

https://pub.dev/packages/smooth_page_indicator

smooth_page_indicator | Flutter Package

해당 사이트에서 여러가지 효과를 추가해 나타낼 수 있다.