CODEWITHSUNDEEP
flutterdartwidget
code box
code box

Reputation: 21

How can i make like this dots widget in flutter?

I have a task, and i need to build like this dots. can anyone help me?

enter image description here enter image description here enter image description here

i try use alot of packeges but i didn't get the same result of pictures

Upvotes: 0

Views: 145

Answers (1)

amir_a14
amir_a14

Reputation: 2060

You can use SmoothPageIndicator package and this code to implement something like your pictures:

SmoothPageIndicator(
  controller: controller, //pass your page controller
  count: 3,
  effect:  ExpandingDotsEffect(
      activeDotColor: Colors.yellow[800]!,
      dotWidth: 6,
      dotHeight: 6,
      expansionFactor: 5,
      dotColor: Colors.grey),
),

The result:
enter image description here

Upvotes: 0

Related Questions