Carousel slider with lines instead of dots flutter

Question

I would like to make a Carousel slider in flutter with lines (look at the image), but always finding with dots.

Thanks in advance

Which library you are using ? show as some code about how the dots are there, from the library or you implemented it ? — ikerfah
– ikerfah, Commented Feb 9, 2021 at 14:21
You can try making you custom widget. You can start of with PageView widget to make a basic image slider. Then you can overlap the PageView with the row of lines to get the expected behaviour. Docs for PageView : api.flutter.dev/flutter/widgets/PageView-class.html — Sarvesh Dalvi
– Sarvesh Dalvi, Commented Feb 9, 2021 at 15:22
Indeed I'm using PageView widget , I found a solution with dots_indicator pub.dev/packages/dots_indicator — Nairo Granados
– Nairo Granados, Commented Feb 14, 2021 at 20:57

Nairo Granados · Accepted Answer · 2021-02-14 20:59:41Z

1

I found a solution with dots_indicator https://pub.dev/packages/dots_indicator

DotsIndicator(
              dotsCount: length ?? 0,
              position: currentIndexPage.toDouble(),
              decorator: DotsDecorator(
                  spacing: EdgeInsets.only(left: 3, right: 3),
                  shape: Border(),
                  activeShape: Border(),
                  size: Size(
                      (width - 50) / length, 5),
                  activeSize: Size(
                      (width - 50) / length, 5),
                  color: Colores().blanco(opacity: 0.4),
                  activeColor: Colores().blanco()),
            )

answered Feb 14, 2021 at 20:59

Nairo Granados

211 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Carousel slider with lines instead of dots flutter

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related