心形叠加小部件

HeartOverlay 小部件可用于创建有趣且交互式的叠加层，当用户点击屏幕时会显示心形动画。它可以作为装饰性元素，适用于需要俏皮或浪漫风格的应用，例如约会应用、贺卡应用或社交媒体应用。

screenshot of the app

特点

  • 以类似于社交媒体应用的方式，显示一个动画心形图标，相互叠加。
  • 心形图标可以着色为任何所需的颜色。
  • 心形图标可以缩放到适应任何尺寸要求。

入门

要使用此包，请在您的 pubspec.yaml 文件中添加 heart_overlay 作为依赖项。

然后导入

    import 'package:heart_overlay/heart_overlay.dart';

用法

简单用法

    HeartOverlay();

更多可定制性

    HeartOverlay(
        icon: Icon(
          Icons.abc,
          color: Colors.cyan,
        ),
        verticalOffset: 50,  // Vertical Offset from tap position
        horizontalOffset: 50,  // Horizontal Offset from tap position
        duration: Duration(milliseconds: 800), // Icon to stay on screen duration 
        backgroundWidget: Image.asset('assets/image.png'), // Overlay container background
    ),

常见错误

如果在 Column、Row 或 Flex 小部件中使用时遇到 forces infinite height/forces infinite width 等错误，请指定所需的 height/width。

或者

将 HeartOverlay 包装在 Expanded/Flexible 小部件中。如果使用 Expanded 小部件，height/width 属性基本上是无用的。

附加信息

此包可在 GitHub 上找到。

如果您遇到任何问题或想为该软件包做出贡献，请随时打开一个 GitHub issue。您的贡献将受到欢迎和赞赏。

GitHub

查看 Github