Flutter心形点赞动画插件tiktok_tap_heart_animation的使用

TapHeartAnimation 是一个 Flutter 包，它提供了一个可自定义的小部件，允许用户通过双击来喜欢内容（如视频或图片），就像在 TikTok 中一样。

特性

• 心形点赞动画：带有心形动画的点赞。
• 可定制的心形图标大小和颜色。
• 易于集成到任何 Flutter 应用程序。
• 支持动画以提供流畅的用户体验。

安装

要使用此包，在 pubspec.yaml 文件中添加 tiktok_tap_heart_animation 作为依赖项：

dependencies:
  tiktok_tap_heart_animation: ^1.0.1

示例

以下是一个更高级的例子，包含自定义动画持续时间和图标设置：

import 'package:flutter/material.dart';
import 'package:tiktok_tap_heart_animation/tiktok_tap_heart_animation.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('TikTok Tap Heart Animation Example'),
        ),
        body: Center(
          child: DoubleTapLike(
            child: Container(
              width: 300,
              height: 500,
              color: Colors.blueGrey,
              child: Center(
                child: Text('Tap to Heart'),
              ),
            ),
            onLike: () {
              print('Liked!');
            },
            animationDuration: Duration(milliseconds: 500),
            likeIconColor: Colors.pinkAccent,
            likeIconSize: 80.0,
          ),
        ),
      ),
    );
  }
}

示例代码

import 'package:flutter/material.dart';
import 'package:tiktok_tap_heart_animation/tiktok_tap_heart_animation.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('TikTok Tap Heart Animation Example'),
        ),
        body: Center(
          child: TikTokDoubleTapLike(
            child: Container(
              width: 300,
              height: 500,
              color: Colors.blueGrey,
              child: Center(
                child: Text('Tap to Heart'),
              ),
            ),
            onLike: () {
              print('Liked!');
            },
          ),
        ),
      ),
    );
  }
}