说到布局，你是不是总觉得它像个难以管教的孩子，怎么弄dou弄不好，哈哈！

咱就是说下拉视图这东西，弄不好就容易乱套，你懂的。

你得明白下拉视图其实是个挺常见的组件，像是 Select、Popover、Tooltip 这些，dou算是下拉视图的一种。

但问题是当你把这些组件放进滚动容器里比如 ListView 或 SingleChildScrollView，噩梦就开始了。

你会发现，浮层不跟着按钮走了就像断了线的风筝一样，飘忽不定，害。

因为 OverlayEntry 实际上Yi经脱离了原来的 Widget 布局树，它就像个孤儿，没人管了。

于是乎，你得自己想办法让它乖乖跟着按钮走。

不对不对，应该是让浮层跟着目标组件走。

有人说那简单啊，监听滚动事件，每次滚动dou重新计算坐标，不就行了吗？

说实话，这招确实Neng用，但有个问题，就是太耗性Neng了尤其是当下拉面板内容复杂的时候。

为啥呢？因为每次滚动dou得 rebuild 一次 OverlayEntry，你想想，Ru果里面有个搜索框什么的，每次滚动dou刷新，那用户体验得多差啊！

还真有，那就是用 Flutter 提供的 CompositedTransformFollower 和 CompositedTransformTarget 这对组合拳。

通过 LayerLink 把目标组件和浮层关联起来这样当目标组件移动时浮层就Neng自动跟着移动，不需要你手动去刷新。

你kan，这不就省事儿多了吗？

final LayerLink layerLink = LayerLink;CompositedTransformTarget,)

然后在 OverlayEntry 里这样写：

void showDropdown { overlayEntry = OverlayEntry { return Positioned.fill, showWhenUnlinked: false, child: Align, ), ), ); }, ); Overlay.of.insert;}这种方法的优点是啥呢？

它不需要你监听滚动事件，它不需要频繁 rebuild OverlayEntry。

它把“位置同步”这件事交给了 Flutter 的 Layer 体系来处理，你只需要声明一下目标和浮层的关系就行了。

说到这儿，有人可Neng会问，为什么百度不收录我的网站呢？

这个问题嘛，其实有hen多原因，比如网站结构不友好、内容质量不高、外部链接不够等等，你得好好检查一下你的网站。