Cards are overlapped when navigating go back - only Android

[leonduhuge]

Describe the bug This is a helpful and excellent library. Thanks, talent team! I have a problem when clicking navigation to go back that is cards are overlapped. Please take a look screenshots video to see my problem. Hope to receive your support. Many thanks

To Reproduce Steps to reproduce the behavior:

1. Go to the page have Carousel
2. Click on the navigation go back button on the header left
3. Cards are overlapped

https://user-images.githubusercontent.com/118364177/225206372-0663eb0a-e428-4ac4-a18e-8255a07ab519.mov

Expected behavior The cards are not overlapped

Versions (please complete the following information):

• react-native: v0.66.3
• react-native-reanimated: v2.12.0
• react-native-reanimated-carousel: v3.1.5
• react-native-gesture-handler: v2.8.0
• react-navigation/native: v6.0.7
• react-navigation/native-stack: v6.2.5
• react-native-screens: v3.18.2

[github-actions[bot]]

---

🔴

👨‍💻 I'm so busy recently, so I'm going away for a little while, but I'll come back by the end of this month.

♥️ Rest assured, I love this project, I will not give up.

2022.11.xx

---

[leonduhuge]

This is my code to render Carousel (mode="vertical-stack")

<View style={{ flex: 1 }}>
      <Carousel
        mode="vertical-stack"
        modeConfig={{
          snapDirection: 'left',
          showLength: 2,
          stackInterval: -32,
          rotateZDeg: 20,
          scaleInterval: 0.1,
        }}
        loop={false}
        width={width}
        height={width / 2}
        autoPlay={false}
        data={[...new Array(6).keys()]}
        renderItem={({ index }) => (
          <View
            style={{
              flex: 1,
              borderWidth: 1,
              justifyContent: 'center',
              backgroundColor: 'red',
            }}>
            <Text style={{ textAlign: 'center', fontSize: 30 }}>{index}</Text>
          </View>
        )}
      />
</View>

[leonduhuge]

@dohooo Any solution? I still get stuck on this  bug