Setting up image picker in profile screens - allow display of existing avatar

Get Help
1

OK so i have my profile page set up.

image
image954×1090 40.1 KB

Ignore my formatting on the profile page counts, I’ll fix it later.

I have determined that there’s no easy way to allow users to edit their profile/avatar ON the profile screen (is this right? if not LMK because I’d rather simplify this) – so I have created the Edit Profile screen and clicking EDIT PROFILE brings the user there.

In the edit screen, I have the image picker set up so users can select their avatar; I tried setting that component to 0% opaque and putting the existing image display UNDER it so users could see their existing avatar on this screen and decide whether to change it, but doing this blocks the image picker’s functionality entirely. Why? And is there another way to accomplish this?

2

Hi @obrienpaule,

I’m not sure as I mostly did was, clicking on the profile picture, link the user to a modal screen where the image picker is located with a rectangle that’s sticky. That way, user can still see the image behind the modal screen and upload a new one. And in some apps, I simply used a built-in form.

Another solution for you which would be a marketplace component. : image picker vs image component - #3 by Dilon

Thank you and have a great day!

3

modal screen? I don’t get it.

4

@obrienpaule, sorry! I meant below screen, like a popup screen.

image
image768×553 17.3 KB

Thank you and have a great day!