Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
478 views
in Technique[技术] by (71.8m points)

dart - Animating back and forth not working in flutter

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?


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

1 Reply

0 votes
by (71.8m points)
等待大神答复

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...