flutter截获事件的简单介绍

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

ScrollController 在Flutter中，Widget并不是最终渲染到屏幕上的元素（真正渲染的是RenderObject），因此通常这种监听事件以及相关的信息并不能直接从Widget中获取，而是必须通过对应的Widget的Controller来实现。

Flutter 中可以使用 Listener widget 来监听原始触摸事件，它也是一个功能性 widget。Listener 的常见属性 用法如下：加载更多需要对 ListView 进行监听，所以需要进行监听器的设置，在 State 中进行监听器的初始化。

用于记录解决NestedScrollView与ListView共用时当ListView滑动时，NestedScrollView不跟着滑动的问题。

里面嵌套listView 或者listview里面嵌套listview的时候就容易出现 hasSize的错误 解决方法一：listview 外面添加一个container，并且给定一个指定的高度。

那么使用 SingleChildScrollView 将会非常昂贵（性能差），此时应该使用一些支持Sliver延迟加载的可滚动组件，如 ListView 。

当ListView、GridView作为Wrap、Column等组件的子组件时，若外部没有设置高度，则会产生此报错。解决放案：为ListView、GridView设置属性 shrinkWrap： true，刷新后，报错消失，但是发现其只可内部滚动。至此，需求达成。

相关问答

Q1: Flutter入门这一篇效率文章就够了

这就是 Flutter 的 热重载 ，在修改完代码之后，通过热重载就能马上在设备上看到修改结果，可以很大程度上增加开发效率。 下面再给大家介绍几个 Flutter 里的常见操作。

flutter将会帮你更容易，更快速的开发出界面美观的移动应用。是谷歌的亲儿子 支持热重载 ：android原生开发会遇到编译-打包-安装三个步骤。开发效率迟迟得不到提升。热重载技术在flutter内完美体现。

在上篇 [Flutter] 07-Flutter中反序列化Json 已经通过6个示例分析过了， 这里不再讨论。

（一）布局 Flutter采用深度优先机制遍历渲染对象树，决定渲染对象树中各渲染对象在屏幕上的位置和尺寸。

Q2: 多端APP开发技术

WebApp：iOS/Android的内置浏览器是基于webkit内核的，所以在开发webApp时，多数使用html或htmlCSSJavaScript技术做UI布局，使其在网站页面上实现传统的C／S架构软件功能，服务端技术用java、php、ASP。

APP开发需要技术如下：掌握混合开发技术和HTML5加Native混合技术。交互设计、UI设计的能力。熟悉java语言和android的环境机制。App开发，是指专注于手机应用软件开发与服务。

一般的web站点测重使用网页技术在移动端做展示，包括文字，视频，图片等，而Web App更侧重“功能”，是基于网页技术开发实现特定功能的应用，必须依赖手机浏览器运行。

app开发需要技术如下：开发环境，Android Studio、eclipse.如何搭建Android开发环境可以去百度。

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

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

2、使用GestureTap 包装组件的时候，子组件使用Expand，点击Expand上有时候不会触发点击事件，这时候在用Container 包装一下，color 设置为 Colors.transparent ，子组件的事件就可以穿透了到父组件了。

3、注释 ：Flutter Incorrect use of ParentDataWidget 问题原因：Expanded、Flexible等组件，在“Container、Padding、Stack”组件中导致的。解决方案：保持： Expanded、Flexible 只在 Row、Column 等组件内，不在其他组件内使用。

4、由于安卓那边升级了某些插件，我这边pull之后，进行了Pub get。运行ios项目，发现app启动之后，先闪现黑屏，然后再出现启动页，之后在进入主页面。

5、在一些计算较为复杂、操作较为耗时或者操作为引起页面重绘的场景，如果事件触发的频率毫无限制，除了带来性能上的负担，还会导致糟糕的用户体验。

6、设计语言，例如 Material，定义了在路线(或屏幕)之间转换时的标准行为。不过，有时候，自定义屏幕之间的转换可以使应用程序更加独特。在本教程中，我们将使用包页面 page_animation_transition 来简化在页面上添加转换。

Q4: Android原生和Flutter使用过程的差异对比(二)

界面搭建过程中各种大小单位 Android：通常采用dp设置View宽高（和px像素的换算关系是dp值 × density逻辑密度），sp设置字体大小（会随着系统字体设置的大小而改变）。

React Native、Weex等技术多了一个桥接层，所以界面渲染会慢一些，由于UI渲染非常频繁，想要不卡顿，基本上比较难，性能和用户体验跟原生代码有差距。

EventChannel适用于native向flutter发送广播消息，只是单向的消息发送，native发，flutter收，返过来flutter并不能向native发送消息。

BasicMessageChannel 它是可以双端通信的，flutter端可以给Android发送消息，Android也可以给Flutter发送消息。EventChannel 只能是原生发送消息给Flutter端，例如监听手机电量变化，网络变化，传感器等。

结论：兼容性 WKWebView = flutter_webview UIWebView UIWebView ： 速度相比较 WKWebView 稍快一点，但是内存是一大硬伤，所以只要条件允许，就不推荐使用了 WKWebView ： 速度略慢一点，不过差别不大，总体可以接受。

flutter截获事件的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、flutter截获事件的信息别忘了在本站进行查找喔。