I'm trying to implement a feature that allow users to add multiple images from their gallery, and then also allows camera uploads to the same exact list. I have 2 buttons with action, one for camera, and one for gallery (multiple uploads). I am having it so these upload to the same pagestate list variable of uploaded files using custom code to combine them. The logic that comes from this is the issue. When I try to upload on test mode from gallery, anything that was uploaded before is replaced by any new entries, and I'm not sure if on mobile (iOS and Android) the gallery's selected images will reflect in the native UI when adding more to indicate what has already been in the gallery, but on web/test mode this does not work by showing what was already selected before. Instead it replaces it.
I also cannot seem to get deleting logic to work. I have an x on the dynamically generated images that removes from the list which works to remove form the pagestate list, but does not remove from the image picker widget state so if I go to add more, what is currently in the widget state gets added back based on my logic. I don't want to use the single image picker of gallery or camera I would like to have 2 buttons with camera or gallery (multiple images).
My questions are:
How can I make it so that the deletion logic works properly?
Does testing on an actual device using multiple select images from gallery reflect images that are already selected within the gallery when adding more?
How can I make it so that my adding logic is correct and does not either create duplicate images or replace previously selected images with new images?
