Reset animation on a component widget with a swipe from swipeable stack

Actions & Logic

So my structure (simplified):

  • Swipeable Stack [Query multiple documents from Collection Words]

    • Swipeable Page

      • Dynamic column [From a list of authentificated user Language]

        • Component

          • Stack

            • Container with a text from Words

            • Animated (fade, disappear) container with a text from Language

What I would like:

See below, when you tap on the box french, it disappear and the translation is behind (already in the component stack).

When I swipe the card, I want all the red container to reappear

What have you tried so far?
  • Tried Update page on page change for the component

  • Tried to do a parameter in the component "isVisibleParameter". The visibility of the red container is linked to this. And I added a "isVisibleAppState" an App variable. The idea was when there is a swipe, to turn the "isVisibleAppState" True, which will turn the "isVisibleParameter" True. And when you tap, it turn it off. Didn't worked

  • Tried several small stuff also but don't remember exactly. nothing worked.

Anyone has an idea? it's been like 6 hours I'm stuck on this, trying to find answer online and try AI answer. nothing yet.

Many thaaanks

Did you check FlutterFlow's Documentation for this topic?
Yes
1