{"repo":"Pyozer/dots_indicator","free":true,"listed":false,"github":"https://github.com/Pyozer/dots_indicator","clone":"git clone https://github.com/Pyozer/dots_indicator.git","description":"Add an indicator for a progression. You can customize indicators (shape, color, ..)","language":"Dart","stars":161,"topics":["flutter","dart","dart2","android","ios","dots","indicator","pageview"],"license":"MIT","category":"mobile-apps","readme_excerpt":"dots indicator Widget to display dots indicator to show a position (for a PageView for example). Installation You just need to add dots indicator as a dependency in your pubspec.yaml file. Example In these examples, pageLength is the total of dots to display and currentPage is the position to hightlight (the active dot). For information, currentPage is a double, to be able to have lerp animation. A simple dots indicator Custom colors Use specific color for each dot You can choose to have one color for inactive dots and one color the active dot. But you can also define one color by inactive dots ( colors ) and one color by active dot ( activeColors ). If you have a total of 3 dots, you must provide an array of 3 colors. Custom size and shape You can change the default size of dots and also shape. So you can choose to have a shape for inactive dots and another shape for the active dot for example. By default, the shape of dots are CircleBorder, so to have a rounded rectangle for active one, you need to change activeShape Custom size for each dot You can customize the size of each dot, for inactive and/or active dots. For that, use sizes and/or activeSizes params. Custom shape You can change the default shape of dots. By default it's a CircleBorder. You can change the no active and active dot shape. Custom shape for each dot You can customize the shape of each dot, for inactive and/or active dots. For that, use shapes and/or activeShapes params. Change the space between dots By ","default_branch":null,"files":null,"tree":[],"storefront":"/r/Pyozer","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Pyozer/dots_indicator/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}