我在开发一个待办事项应用程序。在该应用程序中，当任务完成时，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),
);我如何使线通过动画在 Flutter ？？？
2条答案
按热度按时间oknwwptz1#
您可以通过线穿过效果来实现这一点。这个视频很好地解释了这个过程：https://www.youtube.com/watch?v=ItlNXTVB6bw
ybzsozfc2#
几周前，我发布了一个软件包，它就是这样做的。
https://pub.dev/packages/animated_line_through
要使用它，只需将此包添加到您的应用程序，然后使用
AnimatedLineThrough小部件 Package 您的Text小部件。在readme中有更多信息。
TextField仍然存在一些问题，但它已经在Text（也在Rich中）中表现良好。