Carousel randomly does not show item

[maioradv]

Sometimes carousel seems not to show items until you swipe to change item.
There's an example of the problem:
https://d35vozid5pezr8.cloudfront.net/temp/Screen_Recording_20231025_000642_app-cms.gif

There's the code:
https://d35vozid5pezr8.cloudfront.net/temp/Immagine 2023-10-26 120318.png

Versions:

• react: v18.2.0
• react-native: v0.72.6
• react-native-reanimated: v3.3.0
• react-native-reanimated-carousel: v3.5.1
• react-native-gesture-handler: v2.12.1

Smartphone:

• Simulator (Android)
• Device (Android)

When the problem happens also a carousel in home of our app stop to autoplay alone.
This happens only when you start the app if doesn't happen the problem doesnt show up.

[oliverloops]

Hi @maioradv , I'm looking for this problem and provide you a solution. thanks for sharing

[mehthabt]

same here

[mehthabt]

@oliverloops have you got the chance to look into it ?

[mehthabt]

@oliverloops Sorry, its working fine with me, its my mistake in code

[maioradv]

I noticed that i have images in data props but i cant console.log in renderItem, seems like it doesnt render the item

[mzyisbest]

me too @maioradv Do you have any good solutions？

[maioradv]

nope i can't figure out why is doing this problem... do u have images on a server online or offline? because in my case they're online but if render just the images it works perfectly

[mzyisbest]

@maioradv Here is an online image. I can confirm that if I lower the react-native-reanimated version to 2.8.0 this problem will not occur. But because one of my own components requires [email protected] to solve the crash.

[mzyisbest]

@maioradv The simple and crude way is to comment out in react-native-reanimated-carousel/src/lazyView.tsx
// if (!shouldUpdate) {
// return <></>;
// }
It may reduce some performance, but does not affect use,You can try it without modifying the react-native-reanimated version.

[maioradv]

i updated the version at 3.6.0 seems to be solved for now

[dohooo]

Could you try the latest version of alpha?

npm install react-native-reanimated-carousel@alpha

[awilson9]

I'm seeing this as well, same result on alpha @dohooo