renderItem called multiple times

[anwersolangi]

Describe the bug
I'm using this library along with rendering video component, but the renderItem method is called multiple times, even the items in the data is no more than 4. the issue is similar to this and I moved to this library to overcome, but in this library I'm also getting this issue.

I am using horizontal-stack, to display Item, and due to this behavior I'm facing too much flickering and lag in android.

To Reproduce
Steps to reproduce the behavior:

1. Install this library and react-native-video library.
2. Create a class based component, add 3-4 items in the data.
3. Make Carousel a child of scrollview/
4. See error

Expected behavior
RenderItem only about the number of data times, and JSFrame at 60fps when nested inside scrollview

Screenshots
If applicable, add screenshots to help explain your problem.

Versions (please complete the following information):

• react: v17.0.2
• react-native: v0.67.3
• react-native-reanimated: v2.2.4
• react-native-reanimated-carousel: 2.3.4
• react-native-gesture-handler: v1.10.3

Smartphone (please complete the following information):

• Device: Moto One Macro
• OS: Android 10

[dohooo]

I'll check this issue this weekend.

[noma4i]

@dohooo Just caught the same issue.

[dohooo]

Is that going to help? @noma4i @anwersolangi

Maybe I don't understand your question

Add React.memo to your render item?

[dohooo]

I'm sorry. I was so busy. I'm back now.