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

插件详情v1.0.5+2

tiktok_double_tap_like

一个 Flutter 包,提供类似 TikTok 的双击点赞动画,包含可自定义的心形图标和动画。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
4
喜欢数
37
Pub 分数
140

安装插件

flutter pub add tiktok_double_tap_like

插件介绍

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

一个 Flutter 包,可复制 TikTok 的双击点赞功能,带有流畅且可自定义的心形动画。它允许开发者集成响应式的双击手势,触发心形图标动画,从而增强社交媒体应用的用户参与度。该包支持自定义心形图标和动画样式,便于匹配应用的视觉风格。兼容 Android、iOS、Web、macOS、Windows 和 Linux,非常适合需要互动反馈机制的内容驱动型平台。

适合场景

  • 社交媒体应用
  • 视频分享平台
  • 内容发现界面
  • 用户参与功能
  • 互动叙事应用

主要特点

  • 双击以点赞手势
  • 可定制的心形动画
  • 对多个平台的支持
  • 可配置的动画速度
  • 与现有用户界面的轻松集成
  • 心形图标自定义

适合对象

  • 开发视频中心应用的开发者
  • 希望拥有类似TikTok互动功能的团队
  • 专注于用户参与的应用程序
  • 跨平台社交功能
  • 寻求动画反馈的UI设计师

使用建议

  • 可能需要手势检测器优化
  • 低端设备上的动画性能
  • 与其他轻触手势的潜在重叠
  • 仅限点赞功能
  • 需要仔细处理快速双击

原始 README

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

tiktok_double_tap_like

TikTok Double Tap Like

About

TikTok Double Tap Like is a Flutter package that provides a widget that can be used to like a video by double tapping on it, just like TikTok.

Example

tiktok_double_tap_like

DoubleTapLikeWidget(
      onLike: (likeCount) {
        //Do something when the user double taps
      },
      likeWidget: const Image(image: AssetImage('assets/icons/heart.png')),
      likeWidth: 200,
      likeHeight: 200,
      child: VideoPlayer(),
    )

Notes

  • You have to provide a widget that will be displayed when the user double taps on the screen, whether Text, Icon...etc. You can use the likeWidget property to provide that widget.

  • You can also provide the width and height of the widget using the likeWidth and likeHeight properties. The default values are 200 each.

  • You have the likeCount param in onLike in case you want to know how many times the user has liked the video.

  • It's pretty efficient and performant, I've created the animation explicitly using AnimationController, Animation, Tween and AnimatedBuilder. Also, there's an applied mechanism to removing the added hearts off of the screen.

Help me

If you like this package you can support me on

Buy Me A Coffee

所属分类

源码仓库

使用此插件的项目

暂无相关数据。