如何使Flutter网格菜单水平滚动？

Question

如何像这里制作网格菜单？

例如：http://sindevo.com/blix/preview.html

example this menu

我尝试了很多方法。 Listview构建器，gridview构建器.....但此菜单我不能做同样的事情。

谢谢

Answer 1

嘿，这可能对您有帮助：

 Container(
          child: GridView.count(
            crossAxisCount: 3,
            childAspectRatio: 1.0,
            padding: const EdgeInsets.all(4.0),
            mainAxisSpacing: 4.0,
            crossAxisSpacing: 4.0,
            children: <Widget>[
              Card(
                elevation: 4,
                child: IconButton(
                  onPressed: (){

                  },
                  icon: Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[
                      Icon(
                        Icons.shopping_cart,
                        color: Colors.blue,
                        size: 23.0,
                      ),
                      Text("Shop")
                    ],
                  ),
                ),
              ),
              Card(
                elevation: 4,
                child: IconButton(
                  onPressed: (){

                  },
                  icon: Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[
                      Icon(
                        Icons.shopping_cart,
                        color: Colors.blue,
                        size: 23.0,
                      ),
                      Text("Shop")
                    ],
                  ),
                ),
              ),
              Card(
                elevation: 4,
                child: IconButton(
                  onPressed: (){

                  },
                  icon: Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[
                      Icon(
                        Icons.shopping_cart,
                        color: Colors.blue,
                        size: 23.0,
                      ),
                      Text("Shop")
                    ],
                  ),
                ),
              ),
              Card(
                elevation: 4,
                child: IconButton(
                  onPressed: (){

                  },
                  icon: Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[
                      Icon(
                        Icons.shopping_cart,
                        color: Colors.blue,
                        size: 23.0,
                      ),
                      Text("Shop")
                    ],
                  ),
                ),
              ),
              Card(
                elevation: 4,
                child: IconButton(
                  onPressed: (){

                  },
                  icon: Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[
                      Icon(
                        Icons.shopping_cart,
                        color: Colors.blue,
                        size: 23.0,
                      ),
                      Text("Shop")
                    ],
                  ),
                ),
              ),
              Card(
                elevation: 4,
                child: IconButton(
                  onPressed: (){

                  },
                  icon: Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[
                      Icon(
                        Icons.shopping_cart,
                        color: Colors.blue,
                        size: 23.0,
                      ),
                      Text("Shop")
                    ],
                  ),
                ),
              ),

            ],
          )
        ),