坑是什么？
iOS 上 SingleChildScrollView 顶部的自定义按钮点不动，如下图所示会员特惠无法点击
为什么会这样？
其实这是 iOS 的「经典特性」：
当页面可以滚动时，系统会在顶部状态栏下方那一小块区域（大概 20~40px 左右）优先响应「点击状态栏回到顶部」这个手势。
你的按钮就算视觉上在最上面，实际上它的触摸区域有一部分（甚至全部）被系统这个手势「抢」走了。
Flutter 目前并没有非常优雅的内置方法把这个行为完全关掉，所以大家基本都在「斗智斗勇」。
几种主流的解法
- 最简单：外面加 padding: EdgeInsets.only(top: 6~10)
- 视觉要求高：用 Stack + Positioned 浮动头部
- 项目允许大改：改成 CustomScrollView + SliverPersistentHeader
解法1的效果如下，虽然点起来不那么丝滑，但是不影响用户使用
排查过程
如果已知道了是SingleChildScrollView ，那么网上的解法一搜一大把，对于我这种半路出家的全栈开发是如何定位到的SingleChildScrollView 问题呢？
发现会员特惠组件是没办法点的，下边组件视频教程是可以点。 所以有两种可能。1） 会员特惠组件有问题 2） 会员特惠组件被某个东西遮住了，就像这个组件上边放了一个透明塑料袋，虽然看起来是点在组件上实际是点在塑料袋上。 所以进一步做了一个测试， 交换了 教程和 会员两个组件的位置，发现这一次是教程没办法点了， 那么基本上可以把1）会员特惠组件有问题 排除掉了。另外我有进一步做了测试， 红色框区域不能点， 绿色框区域能点。
用现有的信息让AI尝试解决了若干次，AI 一会儿说是特惠会员组件内部的问题，一会儿说是外边框架MainPage的问题，问题没能被解决，这个时候就要人工分析了。
这个时候做了两个猜想 1）整个框架有问题 2）这个页面有问题， 我切换到其他页面，其他页面的顶部是可以点击的，那么问题应该还在这个页面上。 排查了下代码也没有透明浮动的组件，虽然知道再整个Page上，有点陷入了僵局。
在思考的过程中，下滑页面，点击页面顶部后有个新发现，点击顶部就能自动上滑到屏幕的顶端， 我理解应该有个 scroll top 这个东西。 让AI分析，尝试了若干次也没能解决，但是AI给出了重要提示是组件SingleChildScrollView问题。
那么AI解决不了，尝试使用google 解决，搜索的效率太低了，开始尝试让grok 帮忙搜索，grok 直接给出问题和答案
