Hi,
On the first page transition, the uploaded image doesn’t display correctly — instead, the fallback image (used when no photo is uploaded) appears. The correct image (e.g., the robot picture) only shows after navigating to another page and then returning.
This issue occurs both on web preview and native app builds (iOS/Android). I also have a video showing the behavior.
How can I make the correct image appear on the first load, without having to reload or revisit the page?
Is this happening every time or sometimes? The image comes from the database or you manually uploaded the image? Do you aware of the size of the image and have you tried optimizing the image?
It happens every time on the first page transition.
If I swipe the app away and restart it, the same issue happens again.
The image is manually uploaded as the default image in the app (not from the database), and even optimized smaller images show the same behavior.
If you manually uploaded the image which means you selected the ‘Upload’ option in the image component right? If it is, then it doesn’t give a placeholder image option. You’re using a different component?
My setup is based on Current User > Profile Image. However, since some users don’t have a profile image set, I manually specified another image under “If there’s no image…” as a fallback. If no placeholder image is set, nothing appears at first, which can confuse users. The issue is that when I first navigate to a specific page, the placeholder image appears. Then, when I return to that page for the second time, the correct Current User > Profile Image finally displays.