Image path list and updating the component widget

Widgets & Design

Hi,

I am trying to build an image uploading function within my app component but I am running into an issue.

I have two images that I want to display side by side, both images have empty placeholders, one on the left, one on the right.

I am storing these images inside a Image Path list in Firebase.

This widget also allows users to click the "x" to remove one of the uploaded image and re-upload a new one.

So whats happening is, lets say I upload the left image to index=0 and right image to index=1, then when I remove the image at index=0 (left) the right side image moves to the left side (because now its at the first index). What I want is that when I remove the image on the left, the right side image should stay where it is and the user should be able to add a new image to position=0.

Is there a way to solve this? I am not sure if I know how to do this elegently.

What have you tried so far?

I have added actions as described above but I am not able to achieve the desired results.
If you want to see more actions or database schema, I am happy toshare.

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