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

插件详情v2.0.0

flutter_swipe_detector

一个用于检测您的滑动手势方向并提供回调以处理它们的包。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
3420
喜欢数
61
Pub 分数
140

安装插件

flutter pub add flutter_swipe_detector

插件介绍

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

flutter_swipe_detector 是一个 Flutter 包,可检测多个方向的滑动手势——上、下、左和右,并为每个方向提供可自定义的回调。它简化了应用程序中滑动交互的实现,非常适合用于图像轮播、导航面板或互动教程等功能。该包支持所有主要平台,包括 Android、iOS、Web、macOS、Windows 和 Linux,确保在各种设备上行为一致。通过最少的设置,开发者可以将响应式滑动逻辑集成到其 UI 中。

适合场景

  • 图片滑块
  • 导航面板
  • 交互式引导
  • 基于手势的控制
  • 滑动关闭界面

主要特点

  • 方向性滑动手势检测
  • 可自定义的回调
  • 跨平台支持
  • 简单集成
  • 可配置的灵敏度

适合对象

  • 开发手势驱动的用户界面的开发者
  • 需要滑动导航的应用
  • 交互式教程屏幕
  • 带有触摸交互的移动和网络应用程序

使用建议

  • 可能需要针对不同设备的灵敏度进行调整
  • 仅限基本滑动方向
  • 不适合复杂的多点触控手势

原始 README

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

Flutter Swipe Detector

Author: Jop Middelkamp

A package to detect your swipe directions and provides you with callbacks to handle them.

Usage

SwipeDetector(
  onSwipe: (direction, offset) {
    _addSwipe(direction);
  },
  onSwipeUp: (offset) {
    _addSwipe(SwipeDirection.up);
  },
  onSwipeDown: (offset) {
    _addSwipe(SwipeDirection.down);
  },
  onSwipeLeft: (offset) {
    _addSwipe(SwipeDirection.left);
  },
  onSwipeRight: (offset) {
    _addSwipe(SwipeDirection.right);
  },
  child: const Container(
    padding: EdgeInsets.all(16),
    child: Text(
      'Swipe me!',
      style: TextStyle(
        fontWeight: FontWeight.bold,
      ),
    ),
  ),
),

所属分类

源码仓库

使用此插件的项目