flutter - 没有IgnorePointer的列表菜单滚动

Question

我使用GridView创建了一个菜单列表。但是当我滚动时，它失败了，因为listview内的滚动持有父元素来像此图像一样滚动



当我尝试将GridView包装在IgnorePointer中时，我的问题消失了。但是，如果我使用IgnorePointer，则不允许我单击/点击菜单项。

如何解决我的问题的最佳方法？

我的代码(没有IgnorePointer)

@override
Widget build(BuildContext context) {
  return Container(
    margin: const EdgeInsets.only(top: 10.0, bottom: 10.0),
    width: MediaQuery.of(context).size.width,
    child: GridView.count(
      shrinkWrap: true,
      crossAxisCount: 4,
      children: List.generate(
        menuItems.length,
        (index) {
          return Column(
            children: <Widget>[
              InkWell(
                onTap: () {
                  showShortToast("Menu clicked " + index.toString());
                },
                child: Container(
                  width: 70.0,
                  height: 70.0,
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.all(Radius.circular(12.0)),
                    border: Border.all(color: Colors.grey[300]),
                  ),
                  child: Center(
                    child: Image.asset(menuItems[index]["image"]),
                  ),
                ),
              ),
              Expanded(
                child: Text(
                  menuItems[index]["text"],
                  textAlign: TextAlign.center,
                  style: TextStyle(
                    fontSize: 13.0,
                  ),
                ),
              ),
            ],
          );
        },
      ),
    ),
  );
}

Answer 1

如果要禁用网格 View 中的滚动，可以执行以下操作:

child: GridView.count(
          physics: NeverScrollableScrollPhysics(), //Add physics
          shrinkWrap: true,
          crossAxisCount: 4,
          ...