用户登录

向下滚动这个内容列表页面,我想在点按这个头部标题的时候,可以回到这个列表页面的顶部。

打开 app_header_title.dart,先在这里声明一个 scrollPosition,它的值是 postIndexStore.scrollController 里的 position。

下面可以定义一个方法,名字叫 onTapTitle ,在这个方法里,用一下 scrollPosition 上面的 moveTo 这个方法,把要移动到的位置交给这个方法就行了,这里就是 scrollPosition 里的 minScrollExtent,也就是最小滚动的位置。这样执行这个方法就可以移动到滚动视图的顶部。

找到下面定义的 title,在这个 GestureDetector 里面,添加一个 onTap ,值设置成 onTapTitle。这样点按它的时候就会执行这里指定的 onTapTitle 方法。重新启动一下应用。

测试

在模拟器上测试一下,向下滚动这个内容列表,然后,可以点按一下这个头部的大标题,执行了 onTapTitle,在这个方法里会使用 scrollController 里的 position 上面的 moveTo 这个方法,将位置移动到顶部。

点按标题时回到页面顶部《 Flutter 移动端实例:滚动加载 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点