تعلم كيفية إضافة تفاعل الضغط المزدوج للإعجاب في تطبيقك باستخدام Flutter
مع التطور السريع لتطبيقات الوسائط الاجتماعية، أصبح توفير تجربة مستخدم تفاعلية أمرًا ضروريًا في أي تطبيق حديث. إحدى هذه التفاعلات الشهيرة هي Double Tap Like التي اشتهرت بواسطة TikTok. تسهل مكتبة tiktok_double_tap_like المخصصة لـ Flutter دمج هذا النوع من التفاعل في التطبيقات. في
في هذا المقال سنلقي نظرة على المكتبة وكيفية استخدامها في تطبيقات Flutter، بالإضافة إلى بعض الأسئلة الأساسية حولها.
مكتبة tiktok_double_tap_like عبارة عن حزمة مخصصة لـ Flutter توفر أداة بسيطة تتيح للمستخدمين التفاعل مع المحتوى من خلال النقر المزدوج على الشاشة لعرض علامة الإعجاب، تمامًا كما هو الحال في تطبيق TikTok. يمكن تخصيص هذا التفاعل باستخدام صور مخصصة والتحكم في الحجم.
تثبيت المكتبة
dependencies:
tiktok_double_tap_like: ^1.0.0
كيف تعمل مكتبة tiktok_double_tap_like؟
تعتمد المكتبة على عنصر واجهة مستخدم يسمى DoubleTapLikeWidget، والذي يتعامل مع حدث النقر المزدوج ويعرض عنصرًا مرئيًا (مثل رمز القلب) بعد التفاعل. يمكن استخدام خصائص مثل likeWidget لتحديد الصورة التي سيتم عرضها عند الإعجاب، بالإضافة إلى likeWidth وlikeHeight لتحديد حجمها. يمكن تضمين أي نوع من المحتوى (على سبيل المثال
فيديو أو صورة) كعنصر فرعي في الأداة.
DoubleTapLikeWidget(
onLike: () {
// تنفيذ عملية عند الضغط المزدوج
},
likeWidget: const Image(image: AssetImage('assets/icons/heart.png')),
likeWidth: 200,
likeHeight: 200,
child: VideoPlayer(),
)