: UI Flickering While Image Loads (Before Download Completes)

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