パッケージ、リポジトリ、アプリカテゴリを検索

パッケージ詳細v1.0.5+2

tiktok_double_tap_like

カスタマイズ可能なハートアイコンとアニメーションを備えた、TikTok風のダブルタップでいいねするアニメーションを提供するFlutterパッケージです。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
4
いいね数
37
Pub ポイント
140

パッケージをインストール

flutter pub add tiktok_double_tap_like

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Flutterパッケージで、TikTokのダブルタップでいいね機能を滑らかでカスタマイズ可能なハートアニメーションで再現します。開発者が応答性のあるダブルタップジェスチャーを統合し、ハートアイコンのアニメーションをトリガーできるようにし、ソーシャルメディアアプリにおけるユーザー参加を高めます。カスタムハートアイコンとアニメーションスタイルをサポートしており、アプリの美学に合わせやすくなっています。Android、iOS、Web、macOS、Windows、Linuxに対応しており、インタラクティブなフィードバックメカニズムを求めるコンテンツ駆動型プラットフォームに最適です。

用途

  • ソーシャルメディアアプリ
  • 動画共有プラットフォーム
  • コンテンツ発見インターフェース
  • ユーザー参加機能
  • インタラクティブな物語アプリ

主な機能

  • ダブルタップでいいねジェスチャー
  • カスタマイズ可能なハートアニメーション
  • 複数のプラットフォームのサポート
  • 設定可能なアニメーション速度
  • 既存のUIとの簡単な統合
  • ハートアイコンのカスタマイズ

適している対象

  • 動画中心のアプリを開発する開発者
  • 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

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。