搜索插件、代码仓与 APP 分类

插件详情v2.1.1

scrolls_to_top

一个用于处理 iOS 滚动到顶部功能的 Dart 包。易于使用

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
3.6万
喜欢数
59
Pub 分数
160

安装插件

flutter pub add scrolls_to_top

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

scrolls_to_top 包简化了在跨平台 Flutter 应用中实现 iOS 滚动到顶部手势。它使开发者能够轻松添加和管理类似下拉刷新的行为,即从可滚动控件的顶部向上滚动时触发滚动到顶部操作。该包设计简洁,可无缝集成到现有的可滚动控件中,无需复杂设置。非常适合希望在 Android 及其他平台上复制原生 iOS 滚动行为的应用。

适合场景

  • 实现 iOS 风格的滚动到顶部手势
  • 增强可滚动列表中的用户体验
  • 在跨平台应用中添加平台特定行为
  • 改进长内容屏幕中的导航
  • 支持在 iOS 和非 iOS 平台之间保持一致的用户体验

主要特点

  • 与 Scrollable 小部件的简单集成
  • 跨平台兼容性
  • 最少的样板代码
  • 自动处理滚动到顶部逻辑
  • 可配置的触发阈值

适合对象

  • 针对 iOS 类似交互的开发者
  • 跨平台应用开发者
  • 以用户体验为中心的 Flutter 项目
  • 包含长滚动内容的应用
  • 注重在多个平台上实现原生体验的团队

使用建议

  • 可能需要额外的样式以提供视觉反馈
  • 行为在非iOS平台上可能略有不同
  • 对于没有滚动到顶部期望的应用程序,不需要此功能
  • 基本触发设置以外的自定义功能有限
  • 最好与 RefreshIndicator 配合使用以获得完整功能

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

Scrolls to top

pub package

A dart package for working with scrolls-to-top iOS feature

Why is this needed? This is necessary for those cases when you have several nested Scaffolds or you need to distinguish the tap event in the status bar from other scroll events

Usage

Just wrap any widget with ScrollsToTop and provide onScrollsToTop argument

  @override
  Widget build(BuildContext context) {
    return ScrollsToTop(
      onScrollsToTop: _onScrollsToTop,
      scaffold: Scaffold(
        appBar: AppBar(title: const Text('Scroll to top')),
        body: Container(),
      ),
    );
  }

  Future<void> _onScrollsToTop(ScrollsToTopEvent event) async {
    //TODO: Your code
  }

Warning

  • You need to have at least one Scaffold in your application
  • If you use several Navigators, the tap events will come only to the widgets inside the main Navigator

所属分类

源码仓库

使用此插件的项目