禁止单个页面滑动返回_一张图理清 Flutter 的滑动原理

大家好，今天依然推荐的是 Nayuta 的系列文章，承接上文从一次点击探寻 Flutter 的事件分发原理。 原文请看：https://juejin.cn/post/6897032698389495816

一次需求中遇到了这样的场景，PageView 中有三个页面，其中一个页面是 TabBarView 结构。结果出现了当滑动到 TabBar 的时候，外层 PageView 无法滑动(滑动冲突)。最终在 stackoverflow 上找到了这个问题的解法，过程中顺便将 Flutter 的手势与滑动机制总结了一番。这也是 Flutter 进阶必须掌握的一个知识点，相信我，这一定是全网最详细，易懂的总结！！

这个系列会分为 4 篇：

1、从一次点击探寻 Flutter 的事件分发原理

2、一张图理清 Flutter 的滑动原理

3、实战 Flutter 滑动原理

4、解决 Flutter 滑动冲突的两种思路

读完本文你将收获：PageView 的嵌套结构，以及 Flutter 滑动核心原理

---

引言

上一篇的文章中，我们以一次点击事件为例学习了 Flutter 的事件分发过程。这次，我们通过对 PageView 拆解，从整体上认识 Scrollable 是如何实现滑动的。

1、基本组件认识

在