我正在尝试为AnimatedDefaultTextStyle小部件的文本样式设置动画,以使结果具有逐渐增加的阴影效果。当前,当控制首选文字样式的状态发生更改时,它会在状态之间跳转而不进行动画处理。
这是小部件的代码;
AnimatedDefaultTextStyle(
duration: Duration(milliseconds: 700),
style: switchWord
? TextStyle(
fontSize: 70.0,
fontWeight: FontWeight.w700,
color: Color(0xFFE0E5EC),
shadows: [
Shadow(
color: Colors.transparent,
blurRadius: 0.0,
offset: Offset(0.0, 0.0),
),
Shadow(
color: Colors.transparent,
blurRadius: 0.0,
offset: Offset(0.0, 0.0),
),
],
)
: TextStyle(
fontSize: 70.0,
fontWeight: FontWeight.w700,
color: Color(0xFFE0E5EC),
shadows: [
Shadow(
color: Color(0xFFFFFFFF).withOpacity(0.5),
blurRadius: 5.0,
offset: Offset(-2.0, -5.0),
),
Shadow(
color: Color(0xFFA3B1C6).withOpacity(0.5),
blurRadius: 5.0,
offset: Offset(2.0, 5.0),
),
],
),
child: Text('${textList[currentText]}'),
),
每当按下按钮时,我都会呼叫setState(() => switchWord = !switchWord);
。