如何在Flutter中实现动画的textStyle阴影

时间:2019-12-28 10:56:58

标签: animation flutter shadow textstyle

我正在尝试为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);

0 个答案:

没有答案