Flutter: 如何在gridview中禁用滚动？

创建于 2018-06-15 · 20评论 · 资料来源: flutter/flutter

body: new ListView(children: <Widget>[_homeWidget()]),
Widget _homeWidget() {
    return new Container(
      height: MediaQuery.of(context).size.height,
      child: new Column(
        children: <Widget>[
          new Container(
              height: 180.0,
              child: new Container(
                child: advertisementList.length != 0
                    ? _imageSlider()
                    : new Container(),
              )),
         new Container(
              height: 200.0,
              child: new GridView.extent(
                primary: false,
                maxCrossAxisExtent: 150.0,
                children: _buildGrideTiles(12),
              ))
        ],
      ),
    );
  }

资料来源

vithanichandresh

👍3

最有用的评论

如果您只想完全禁用滚动，可以使用physics: new NeverScrollableScrollPhysics() 。

Hixie 于 2018-07-16

👍192 ❤44 🚀36 🎉29 😄27 👀7

所有20条评论

为什么要禁用网格视图中的滚动？由行和列组成的小部件可以满足您的要求。

Kartik1607 于 2018-06-15

不，我有一个列表，我需要禁用网格滚动。
我在android中使用带有recyclerview的nestedscrollvierw，它有一个属性nestedsroll = false;
我想用禁用子视图滚动来做嵌套滚动。

vithanichandresh 于 2018-06-16

在子小部件上设置主要属性会删除嵌套滚动。测试代码

ListView(
        shrinkWrap: true,
        children: <Widget>[
          Text("List Item"),
          Text("List Item"),
          GridView.count(
            shrinkWrap: true,
            primary: true,
            padding: const EdgeInsets.all(20.0),
            crossAxisSpacing: 10.0,
            crossAxisCount: 2,
            children: <Widget>[
              const Text('He\'d have you all unravel at the'),
              const Text('Heed not the rabble'),
              const Text('Sound of screams but the'),
              const Text('Who scream'),
              const Text('Revolution is coming...'),
              const Text('Revolution, they...'),
            ],
          ),
          Text("List Item"),
          Text("List Item"),
          Text("List Item"),
          Text("List Item"),
          Text("List Item"),
          Text("List Item"),
          Text("List Item"),
          Text("List Item"),
        ],
      );

主要输出为真： https ://www.youtube.com/watch?v=8iCf6mwOL2U
主要错误的输出： https ://www.youtube.com/watch?v=IXFvRVaD8TI&

Kartik1607 于 2018-06-16

👍61 ❤21 🎉16 🚀11 👎8

太感谢了。
但我用我的逻辑解决了这个问题。
我创建了小部件列表。
但它需要很长的过程。
再次感谢。

vithanichandresh 于 2018-06-16

@vithanichandresh这个问题可以结束还是还有悬而未决的问题？

zoechi 于 2018-06-18

我遇到了同样的问题。

另一种解决方案是将 GridView 包装在 IgnorePointer 小部件中。

hillelcoren 于 2018-06-27

👍40 🎉6 ❤1 👎1

如果没有其他信息，很遗憾，我们不确定如何解决此问题。因此，我们现在不情愿地关闭这个错误。如果您对我们有更多信息，请随时评论该错误；我们将立即重新开放！
感谢您的贡献。
抄送@Hixie

no-response[bot] 于 2018-07-09

如果您只想完全禁用滚动，可以使用physics: new NeverScrollableScrollPhysics() 。

Hixie 于 2018-07-16

👍192 ❤44 🚀36 🎉29 😄27 👀7

@Hixie那么，当父列表到达gridview底部时如何处理分页事件？

diazsasak 于 2018-12-29

我不明白这个问题。我建议在 Stack Overflow 或 flutter-dev 上发布您想要达到的效果的清晰描述。

Hixie 于 2018-12-30

物理学：新的 NeverScrollableScrollPhysics()

哇。谢谢💯

ginbluee 于 2019-04-12

👍11

我遇到了同样的问题。
另一种解决方案是将 GridView 包装在 IgnorePointer 小部件中。

谢谢

gopalsgs 于 2019-10-23

如果您只想完全禁用滚动，可以使用physics: new NeverScrollableScrollPhysics() 。

在我读到这篇文章之前，我正要彻底失望。多好的一天啊：）

trulyspinach 于 2020-01-05

👍2 🎉1

有一个Table.count(children: [...])样式的小部件不会滚动或尝试扩展到高度会很好

lukepighetti 于 2020-02-21

在子小部件上设置主要属性会删除嵌套滚动。测试代码

ListView(
        shrinkWrap: true,
        children: <Widget>[
          Text("List Item"),
          Text("List Item"),
          GridView.count(
            shrinkWrap: true,
            primary: true,
            padding: const EdgeInsets.all(20.0),
            crossAxisSpacing: 10.0,
            crossAxisCount: 2,
            children: <Widget>[
              const Text('He\'d have you all unravel at the'),
              const Text('Heed not the rabble'),
              const Text('Sound of screams but the'),
              const Text('Who scream'),
              const Text('Revolution is coming...'),
              const Text('Revolution, they...'),
            ],
          ),
          Text("List Item"),
          Text("List Item"),
          Text("List Item"),
          Text("List Item"),
          Text("List Item"),
          Text("List Item"),
          Text("List Item"),
          Text("List Item"),
        ],
      );

主要输出为真： https ://www.youtube.com/watch?v=8iCf6mwOL2U
主要错误的输出： https ://www.youtube.com/watch?v=IXFvRVaD8TI&

为什么这不适用于 ScrollSingleView。