multiple fadeIn and FractionalTranslation animation

[pishguy]

how can i use multiple fadeIn and FractionalTranslation animation to show and hide widget like with below screen shot:

my implementation work but its not correct

return Container(
  child: Animator(
    tweenMap: {
      "opacity": Tween<double>(begin: 1, end: 0),
      "translation": Tween<Offset>(begin: Offset.zero, end: Offset(0,1))
    },
    cycles: 0,
    duration: Duration(milliseconds: 300),
    builderMap: (Map<String, Animation> anim) => FadeTransition(
      opacity: anim["opacity"],
      child: FractionalTranslation(
        translation: anim["translation"].value,
        child: child,
      ),
    ),
  ),
);

[GIfatahTH]

What do you mean by work but its not correct?

From what I understand from the picture, I think you are reversing the begin and end of tweens.

try this:

tweenMap: { "opacity": Tween(begin: 0, end: 1), "translation": Tween(begin: Offset(0, 1), end: Offset.zero) },

I see the you put cycles: 0. This means the the animation oscillate back and forth infinitely. Is the the behavior you want.

[pishguy]

@GIfatahTH thanks,

yes i know that