Conditional visibility of image not displaying it instantaneously

Widgets & Design

I have a pageView that works as intro for my app. My pageView widget has 4 pages, where in the third one I want an image, which is not inside the pageView, to change and then to change back on page 4. I set the conditional visibility to be linked to the current pageView index. This is what I need:



While on test mode, I need to click over the area where the image should change to make it appear. I should load automatically on the second click o the next ("próximo") button.

Check it out:

This is the second screen (index 1) of the page view. By clicking on "próximo", it should not just change the current page on pageView, but also change the image of the girl on a bicycle:

...then I click on 'próximo'...

...and I get the screen above, which is incorrect. If I click on the image itself it will finally change to the correct state that I'm looking for, like this:

The third time I click on "próximo" should change to the next page of the pageView and also change back the image to the girl on a bike...

....but it does not change back to the girl on the bike.

Both images are on a stack widget and here are their conditional visibility settings:

girl on a bike image:

...and the conditional visibility settings of the blonde girl image:



Does anyone know what I'm doing wrong? Is there some kind of page refresh ou any other thing that I must do to make it change automatically one the button interaction?


What have you tried so far?

I tried messing around the actions, but nothing makes it happen instantaneously

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