关于Flutter控制事件的信息

本篇文章给大家谈谈Flutter控制事件，以及对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。 今天给各位分享Flutter控制事件的知识，其中也会对进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、Flutter开发 -- [12 - 监听滚动事件]
• 2、25.Flutter的ListView监听滚动事件之ScrollController
• 3、flutter跳转原生页面后的穿透问题
• 4、flutter 中监听滑动事件
• 5、flutter 点击事件InkWell 和GestureDetector 区别

Flutter开发 -- [12 - 监听滚动事件]

ListView、GridView的组件控制器是ScrollController，我们可以通过它来获取视图的滚动信息，并且可以调用里面的方法来更新视图的滚动位置。

另外，通常情况下，我们会根据滚动的位置来改变一些Widget的状态信息，所以ScrollController通常会和StatefulWidget一起来使用，并且会在其中控制它的初始化、监听、销毁等事件。

我们来做一个案例，当滚动到1000位置的时候，显示一个回到顶部的按钮：

如果我们希望监听什么时候开始滚动，什么时候结束滚动，这个时候我们可以通过 NotificationListener 。

案例: 列表滚动, 并且在中间显示滚动进度

25.Flutter的ListView监听滚动事件之ScrollController

对于滚动的视图，我们经常需要监听它的一些滚动事件，在监听到的时候去做对应的一些事情。

比如视图滚动到底部时，我们可能希望做上拉加载更多；

比如滚动到一定位置时显示一个回到顶部的按钮，点击回到顶部的按钮，回到顶部；

比如监听滚动什么时候开始，什么时候结束；

在Flutter中监听滚动相关的内容由两部分组成：ScrollController和ScrollNotification。
ScrollController

在Flutter中，Widget并不是最终渲染到屏幕上的元素（真正渲染的是RenderObject），因此通常这种监听事件以及相关的信息并不能直接从Widget中获取，而是必须通过对应的Widget的Controller来实现。
ListView、GridView的组件控制器是ScrollController，我们可以通过它来获取视图的滚动信息，并且可以调用里面的方法来更新视图的滚动位置。

另外，通常情况下，我们会根据滚动的位置来改变一些Widget的状态信息，所以ScrollController通常会和StatefulWidget一起来使用，并且会在其中控制它的初始化、监听、销毁等事件。

我们来做一个案例，当滚动到1000位置的时候，显示一个回到顶部的按钮：

jumpTo(double offset)、animateTo(double offset,...)：这两个方法用于跳转到指定的位置，它们不同之处在于，后者在跳转时会执行一个动画，而前者不会。

ScrollController间接继承自Listenable，我们可以根据ScrollController来监听滚动事件。

flutter跳转原生页面后的穿透问题

现象Flutter控制事件：
flutter页面通过present跳转原生页面后，原生页面上的点击会首先响应下面的flutter页面中的内容（比如按钮什么的）。

这是flutter框架一直存在的一个bug。在github上有相关的issue。
https://github.com/flutter/flutter/issues/35784

原因推测：
推测是flutter对控制器（或者view）加Flutter控制事件了分类，重写了控制器的点击事件，用来计算是否在对应的点击位置有flutter响应事件。没有的话再扔出去点击事件。

解决方案1：
在原生控制器中，加入点击事件的几个方法的空实现，用以覆盖flutter框架中的实现：

-(void)touchesBegan:(NSSet<UITouch * *)touches withEvent:(UIEvent *)event{
}

-(void)touchesMoved:(NSSet<UITouch * *)touches withEvent:(UIEvent *)event{
}

-(void)touchesCancelled:(NSSet<UITouch * *)touches withEvent:(UIEvent *)event{
}

-(void)touchesEnded:(NSSet<UITouch * *)touches withEvent:(UIEvent *)event{
}

让事件不被flutter截获即可。

解决方案2：
直接切换window的根控制器到原生控制器即可。别忘暂时保存flutter控制器。
在返回时再切换回flutter中。

解决方案3：
在flutter跳转到原生页面之前，在flutter中加上一个蒙层，用来隔绝手势往flutter下面的view传递。原生页面返回flutter时再移除这个蒙层。

flutter 中监听滑动事件

https://learnku.com/articles/30338

在移动端，各个平台或 UI 系统的原始指针事件模型基本都是一致，即：一次完整的事件分为三个阶段：手指按下、手指移动、和手指抬起，而更高级别的手势（如点击、双击、拖动等）都是基于这些原始事件的。

Flutter 中可以使用 Listener widget 来监听原始触摸事件，它也是一个功能性 widget。

Listener 的常见属性

用法如下：

加载更多需要对 ListView 进行监听，所以需要进行-的设置，在 State 中进行-的初始化。

2、使用上述的 Listener 来监听，通过 Listener 的 onPointerMove（手指在屏幕上滑动）来监听滑动的距离，当滑动到底部时加载更多数据

flutter 点击事件InkWell 和GestureDetector 区别

InkWell 中点击事件分为来管理点击回调和水波动画。

onTap: () // 单击

onDoubleTap: () // 双击

onLongPress: ()// 长按 

详细请看 https://blog.csdn-/zl18603543572/article/details/95037826

onTap: () // 单击

onDoubleTap: () // 双击

onLongPress: ()// 长按 

onTapCancel:()//取消"

onTapUp:(e)//松开"

onTapDown:(e)//"按下"

拖动手势主要由

onPanDown（手指按下）、

onPanUpdate（手指滑动）、

onPanEnd（滑动结束）

onScaleUpdate:(ScaleUpdateDetails e) 缩放

如果没有特殊要求，只相应onTap的话，尽可能用 InkWell,，开发中InkWell,反应比较灵敏一点

弹出的软键盘无法关闭，尽可能使用GestureDetector， 关于Flutter控制事件和的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 Flutter控制事件的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、Flutter控制事件的信息别忘了在本站进行查找喔。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。