flutter禁用滚动事件

快来打我* 2022-05-24 11:11 152阅读 0赞

经常因为需要在listView中 嵌套 gridView 来创建二维布局的元素，如图，

![70][]

但是gridView自带滚动属性，使得页面无法随着listview滚动，所以我们需要禁用 gridView的滚动属性。

所有滚动组件 都有一个叫physics的属性。只要我们增加如下代码：

physics: new NeverScrollableScrollPhysics(),

完整代码：

new GridView.count(
                physics: new NeverScrollableScrollPhysics(),
                crossAxisCount: (orientation == Orientation.portrait) ? 3 : 4,
                mainAxisSpacing: 20.0,
                crossAxisSpacing: 4.0,
                padding: const EdgeInsets.all(4.0),
                childAspectRatio: (orientation == Orientation.portrait) ? 1.0 : 1.3,
                children: photos.map((Photo photo) {
                  return new GridDemoPhotoItem(
                      photo: photo,
                      onBannerTap: (Photo photo) {
                        setState(() {
                          photo.isFavorite = !photo.isFavorite;
                        });
                      }
                  );
                }).toList(),
    );

[70]: /images/20220524/8017f972bebf4455b557442e3b6e40c5.png

发表评论取消回复

表情：

评论列表（有 0 条评论，152人围观）

还没有评论，来说两句吧...

相关阅读

相关 js禁用onclick事件

$(‘id’).attr(‘onclick’,’’); $(‘class’).attr(‘onclick’,’’); 例： $('.member-points-

ゞ浴缸里的玫瑰/ 2022年11月20日 11:56/ 0 赞/ 155 阅读

相关 vue 禁用滚动条锁定屏幕

在某些场景会希望滚动条消失，无法滚动。例如预览图片：点击图片预览大图时调用stop（），禁用滚动条；关闭预览时调用move（），取消禁用滚动条

素颜马尾好姑娘i/ 2022年09月05日 06:00/ 0 赞/ 139 阅读

相关禁用浏览器滚动事件（不隐藏其滚动条）

function unScroll() { var top = $(document).scrollTop(); $(document

曾经终败给现在/ 2022年06月15日 01:40/ 0 赞/ 275 阅读

相关 JQuery禁用form提交事件

在form表单中使用了button的onclick进行跳转,每次点击button时,就会引起表单的提交事件,解决方法就是在点击button的时候禁用表单提交事件:

野性酷女/ 2022年06月13日 23:18/ 0 赞/ 148 阅读

相关移动端如何禁用底层的滚动事件，保证弹出层的滚动事件正常运行

今天做移动端项目时遇到的一个问题，带来了不少麻烦。 pc端的常用方法是： $('body').css({ overflow: 'hidden',

悠悠/ 2022年06月08日 02:46/ 0 赞/ 115 阅读

相关 flutter禁用滚动事件

经常因为需要在listView中嵌套 gridView 来创建二维布局的元素，如图， ![70][] 但是gridView自带滚动属性，使得页面

快来打我*/ 2022年05月24日 11:11/ 0 赞/ 153 阅读

相关 JS 禁用背景页面滚动

var s_top=0; // 禁止滚动 function bodyScroll(event){ even

谁借莪１个温暖的怀抱￠/ 2022年05月14日 11:39/ 0 赞/ 216 阅读

相关开发小技巧：如何在jQuery中禁用或者启用滚动事件.scroll

日期：2013-4-10 来源：[GBin1.com][] ![开发小技巧：如何在jQuery中禁用或者启用滚动事件.scroll][_jQuery_.scroll]

一时失言乱红尘/ 2022年03月16日 18:52/ 0 赞/ 323 阅读

相关 flutter 事件组件GestureDetector

用来给组件绑定事件 GestureDetector( child:组件, ...事件 onVerticalDragDown

古城微笑少年丶/ 2021年07月24日 13:56/ 0 赞/ 386 阅读

相关 css禁用鼠标事件

css禁用鼠标事件如何使用？这里介绍一下鼠标事件得使用。详细版。 css禁用鼠标事件代码： .disabled { pointer-events: none; ...

朱雀/ 2021年05月10日 02:27/ 0 赞/ 2109 阅读