Flutter:创建一个 add_close AnimatedIcons

Question

我想创建一个开始图标 Icon.add和结束图标是 Icon.close在 AnimatedIcon小部件。例如他们是 add_event 的预建动画对应于开始动画 = add和结束动画 = event .我想将结束动画更改为 Icon.close .目前尚不清楚如何执行此操作，因为没有现成的文档可用于创建自定义动画。我能找到的最相关的代码是:https://github.com/flutter/flutter/blob/e10df3c1a65f9d7db3fc5340cffef966f7bd40a6/packages/flutter/lib/src/material/animated_icons/data/add_event.g.dart .我相信我应该使用 vitool .我如何着手创建新动画？

Answer 1

所以我有一些空闲时间，这是许多人在某个时候可能想要使用的东西，因为我们没有太多的 AnimatedIcons 选项已经提供给我们。
所以我继续构建了这个小包并将它上传到 pub dart 上，它解决了你正在寻找的问题。
使用此包，您可以为任意两个图标设置动画。
检查酒吧飞镖 animate_icons
只需将包添加到 pubspec.yaml 中，如下所示:

animate_icons:

然后像这样使用这个小部件:

AnimateIcons(
    startIcon: Icons.add,
    endIcon: Icons.close,
    size: 60.0,
    onStartIconPress: () {
        print("Clicked on Add Icon");
    },
    onEndIconPress: () {
        print("Clicked on Close Icon");
    },
    duration: Duration(milliseconds: 500),
    color: Theme.of(context).primaryColor,
    clockwise: false,
),