I’m facing an issue where the UI flickers continuously until an image is fully downloaded and rendered. Once the image finishes loading, the flickering stops and the UI stabilizes.
Expected Behavior:
The UI should remain stable while the image is loading, possibly showing a placeholder or loader.
Actual Behavior:
UI keeps flickering/re-rendering until the image download completes.
Possible Cause (Guess):
It might be due to repeated re-renders triggered by image loading state or layout shifts when the image dimensions are not predefined.
Things Tried:
-
Checked image loading logic
-
Verified state updates during render
Looking For:
-
Best practices to prevent UI flickering during image loading
-
Suggestions like placeholders, skeleton loaders, or caching strategies