bug: Android resizeMode stretch does not stretch on first opening

[Arklaum]

What's happening?

On Android, using resizeMode="stretch" will not stretch on first opening or after clearing the cache.

For example, change this to "stretch", clear the cache, and reopen the screen:

react-native-turbo-image/example/src/screens/list/UrlCacheScreen.tsx

Line 15 in 403bca6

resizeMode="cover"

Reproduceable Code

noted above

Relevant log output

-

Device

Android Studio API 36.0

TurboImage Version

1.23.0

Can you reproduce this issue in the TurboImage Example app?

Yes, I can reproduce the same issue in the Example app

---

Unrelated Issue:

this type should be ViewStyle not ImageStyle. I got a typescript error while using style={{ borderCurve: "continuous" }}.

react-native-turbo-image/src/types.ts

Line 60 in 403bca6

style: StyleProp<ImageStyle>;

[duguyihou]

I set stretch in SuccessScreen and did a fresh install on Android. However, I did not see any difference comparied with the image showing after relaunching. Is this the correct way to replicate this issue?

b.mov

The Image after relaunching.

this type should be ViewStyle not ImageStyle. I got a typescript error while using style={{ borderCurve: "continuous" }}.

Thanks for pointing it out. We will fix it later.

[Arklaum]

I should've been clearer, by "first opening" I meant on force quitting the app then the first opening after that. It seems like you changed the image style to use a smaller height of 200? If you look closely the image doesn't look stretched. Here is what it should look like stretched with height 200.

For that specific screen, to see the difference the steps would be:

1. Use, for example to make it obvious,

     image: {
       width: 300,
       height: 900,
     },

   and of course use resizeMode='stretch'.

2. clear the cache or open the app fresh after a force quit

3. open that screen (you will see the image looks like resizeMode='cover')

4. go back to the previous page

5. reopen the screen (you will see the image now looks stretched)

[ertucaglar]

I'm experiencing a similar issue. I usually open images with resizeMode="cover" and display them in an ImageSlider component. Even though the image URL is valid, some images don't load and are cached. The image can't be displayed until the cache is completely cleared.

[duguyihou]

@ertucaglar are you talking about the resizeMode issue? Seems it is cache issue.

[ertucaglar]

@ertucaglar are you talking about the resizeMode issue? Seems it is cache issue.

I can't say it's exactly a resizeMode issue; it's actually related to the ticket below; I think I commented under the wrong ticket.

My problem is that sometimes images don't load at all and are cached like this.

#402

[github-actions]

This issue is stale because it has been open 45 days with no activity. Remove stale label or comment or this will be closed in 15 days.

[github-actions]

This issue is stale because it has been open 45 days with no activity. Remove stale label or comment or this will be closed in 15 days.

[github-actions]

This issue is stale because it has been open 45 days with no activity. Remove stale label or comment or this will be closed in 15 days.