Welcome to ShenZhenJia Knowledge Sharing Community for programmer and developer-Open, Learning and Share
menu search
person
Welcome To Ask or Share your Answers For Others

Categories

I'm trying to make a container have a color animating back and forth from green to yellow. I tried the following, but it animates from green to yellow and not from yellow to green..

class MyAnimmmmmState extends State<MyAnimmmm> with TickerProviderStateMixin {
  AnimationController animCtrl;
  Animation<Color> colorAnimation;

  @override
  void initState() {
    animCtrl = AnimationController(vsync: this, duration: Duration(seconds: 1))..repeat(reverse: true);
    colorAnimation = ColorTween(begin: Colors.green, end: Colors.yellow).animate(animCtrl);
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return
      AnimatedBuilder(
          animation: animCtrl,
          builder: (_, __) => Container(
              width: 100,
              height: 100,
              decoration: ShapeDecoration(shape: StadiumBorder(), color: colorAnimation.value),
              child: Center(child: Text('yooosters', style: TextStyle())))),
}

How can I get it to animate back and forth?


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
thumb_up_alt 0 like thumb_down_alt 0 dislike
497 views
Welcome To Ask or Share your Answers For Others

1 Answer

等待大神答复

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
thumb_up_alt 0 like thumb_down_alt 0 dislike
Welcome to ShenZhenJia Knowledge Sharing Community for programmer and developer-Open, Learning and Share
...