You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter 实现类似WhatsApp列顶部额外下拉滚动才显示的Row功能

我需要在Column顶部放置一个Row,该组件默认处于隐藏状态,仅当SingleChildScrollView的滚动偏移量为负值时才会展示。
换言之,只有用户做出超出正常范围的下拉滚动操作时,该Row才会出现。这一效果可以参考WhatsApp的交互逻辑:搜索框组件默认不显示,仅当用户在顶部下拉时展示,向下滚动时自动隐藏。

效果演示图:
效果演示图

更新

使用@Lulupointu的方案我已实现该效果,实现效果演示图如下:
实现效果演示图

该方案下顶部组件随滚动显示隐藏的动画十分流畅。@Hooshyar的方案同样可以实现需求,但流畅度稍低,实现逻辑也有差异。


内容的提问来源于stack exchange,提问作者Tomas Ward

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.01 04:09:04