FadeTransition () widżet jest animowana tylko raz w trzepotanie?

Question

FadeTransition () widżet jest animowana tylko raz w trzepotanie?

głosy

0

class pin extends StatefulWidget {
@override
_PinState createState() => _PinState();
}

class _PinState extends State<pin> with TickerProviderStateMixin {
AnimationController _controller;
Animation<double> _animation;
bool error = false;


@override
void initState() {
  super.initState();
  this._controller = AnimationController(
      duration: const Duration(milliseconds: 1000), vsync: this);
  this._animation =
      Tween(begin: 0.0, end: 1.0).animate(CurvedAnimation(
    parent: _controller,
    curve: Curves.easeIn,
  ));
}

@override
Widget build(BuildContext context) {
  if(this.error) {
    this.error = false;
    _controller.forward();
  }
  return Container(
    child: if (this.error)
            Container(
            child: FadeTransition(
              opacity: _animation,
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: Image.asset(assets/images/sad_face.png),
                  ),
                ],
              ),
            ),
          ),    
  ),
}
}

W powyższym kodzie FadeTransition()widget jest animowana, gdy aplikacja jest uruchomiona pierwsza. a widoczność z FadeTransition()przełączany jest przez errorzmienną. ale gdy następnym razem FadeTransition()widget jest widoczny nie jest animowany?

czego brakuje, kiedy przełączanie FadeTransition()widget powinien być animowane za każdym razem, gdy pojawia się!

animation flutter

Utwórz 02/12/2019 o 21:51
źródło użytkownik rahul Kushwaha

W innych językach...

1 odpowiedzi

Fawaz Joseph · Answer 1 · 2019-12-02 23:01

Jedną rzeczą, jaką zauważyłem jest errorzawsze fałszywe. Nie ma kodu, aby włączyć go do prawdy i są dwa miejsca, gdzie może być ustawiona na false. Jednym z nich zależne, jeśli prawdą jest, (który nigdy nie będzie, ponieważ error = truenie istnieje)

W takiej sytuacji, jeśli chcesz, aby uruchomić animację ponownie, gdziekolwiek jesteś przełączając tę właściwość (zwykle w przycisku za onTapmetody) trzeba zadzwonić setState. W setstate Można użyć

controller.forward(from: 0);
// or
controller.reset(); // stops the animation if in progress
controller.forward();