title: Add dots in listview scroll in flutter
body: <p>I need to display categories in a scroll with 3X3 in grid view and it was working fine and slide also working fine but i cant able to achieve the dots for the scrolling .. I need like carousal . Is it possible to add dots with list view</p>
  <pre><code>    SingleChildScrollView(
  child: GridView.count(
                    physics: ScrollPhysics(),
                    padding: EdgeInsets.fromLTRB(16, 16, 16, 0),
                    primary: false,
                    childAspectRatio: 1.1,
                    shrinkWrap: true,
                    crossAxisSpacing: 0,
                    mainAxisSpacing: 0,
                    crossAxisCount: 4,
                    // mainAxisCount:2,
                    //scrollDirection: Axis.horizontal,
                    children: List.generate(categoryData.length, (index) {
                      return GestureDetector(
                          onTap: () {
                            Navigator.push(
                                context,
                                MaterialPageRoute(
                                    builder: (context) =&gt; ProductCategoryPage(
                                        categoryId: categoryData[index].id,
                                        categoryName:
                                            categoryData[index].name)));
                          },
                          child: Column(children: [
                            buildCacheNetworkImage(
                                width: 40,
                                height: 40,
                                url: categoryData[index].image,
                                plColor: Colors.transparent),
                            Flexible(
                              child: Container(
                                margin: EdgeInsets.fromLTRB(0, 10, 0, 0),
                                child: Text(
                                  categoryData[index].name,
                                  style: TextStyle(
                                    color: CHARCOAL,
                                    fontWeight: FontWeight.normal,
                                    fontSize: 12,
                                  ),
                                  textAlign: TextAlign.center,
                                ),
                              ),
                            )
                          ]));
                    }),
                  ),
  </code></pre>
  <p>)</p>
  <p><a href="https://i.stack.imgur.com/vI7sY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vI7sY.png" alt="enter image description here" /></a></p>
  <p>I need to get the scrolling dots in the list view so how to achieve that</p>