文本数据更改时的 Flutter 动画过渡

Question

当 Text 元素的数据发生变化时，Flutter 是否有一种动画转换的方法？

我有一个 new Text(_value) 元素，其中 _value 根据 Slider 的位置而变化。有什么方法可以使过渡动画化，使其不像仅更改 _value 时那样“突然”？

我知道有一些小部件可以在两个不同的小部件之间设置动画转换，但我只是更改了同一个 Text 小部件的 data 属性。

Answer 1

用 AnimatedSwitcher 小部件包裹您的文本小部件，并在 transitionBuilder 中定义您的 child 。

在子(文本小部件)内部，定义一个键，如下所示:

AnimatedSwitcher(
  duration: Duration(milliseconds: 200),
  transitionBuilder:
      (Widget child, Animation<double> animation) {
    return SlideTransition(
      child: child,
      position: Tween<Offset>(
              begin: Offset(0.0, -0.5),
              end: Offset(0.0, 0.0))
          .animate(animation),
    );
  },
  child: Text(
    userAnswer,
    key: ValueKey<String>(userAnswer),
    style: TextStyle(fontSize: 45, color: Colors.white),
  ),
)

哪个 userAnswer 是字符串。