如何在flutter中通过文字动画制作线条

Question

我正在开发一个待办事项应用程序。在该应用程序中，当任务完成时，

lineThrough

字段将启用。 但这很无聊，因为没有任何效果。所以我想把线条通过效果做成动画。 我该怎么做

这是一个例子。

这是我的代码

 Text.rich(
    TextSpan(text: task.title),
    overflow: TextOverflow.ellipsis,
    style: TextStyle(
        fontFamily: 'Helvatica_lite',
        decoration: task.isDone == true
            ? TextDecoration.lineThrough
            : TextDecoration.none,
        fontWeight: FontWeight.bold,
        fontSize: 15,
        color: task.isDone == true ? Colors.grey : Colors.black),
  );

如何在颤动中通过动画制作线条？？？

Answer 1

您可以通过线条效果来实现这一点。该视频很好地解释了该过程：https://www.youtube.com/watch?v=ItlNXTVB6bw

Answer 2

几周前，我发布了一个包来实现这一点。

https://pub.dev/packages/animated_line_through

要使用它，只需将此包添加到您的应用程序中，然后使用 AnimatedLineThrough 小部件包装您的 Text 小部件。

自述文件中有更多信息。

TextField 仍然存在一些问题，但它已经在 Text 中显示得很好（也有 Rich）。