fix: parallax layout with new arch enabled

[jiroscripts]

This PR fixes #715, #712

Description

Round the zIndex value in the parallax layout

Review

• I self-reviewed this PR

Testing

• I manually tested

[changeset-bot]

⚠️ No Changeset found

Latest commit: f153990

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
react-native-reanimated-carousel	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 23, 2024 6:36am

[sntg-p]

It works, thanks!

[BrodaNoel]

Glad to see this.
Considering that Expo will release SDK 52 in few days/hours, every New Arch fix is very welcomed.

SDK 52 will allow enable New Arch in all Expo projects

[BrodaNoel]

Expo SDK 52 was finally released.

This library breaks the app when scrolling using parallax. Seems like this PR is fixing the problem.
It will be better to have it merge as soon as possible. This library is blocking all new releases of any app using this library

[Davidnr24]

This also fixes my error. Please merge asap!

[aliunco]

I would really appreciate if the recent fixes (regarding the SDK 52 expo) would be merged ASAP

[FelipeBohnertPaetzold]

@dohooo please merge this.

[sanjitchh]

It would help if this is merged soon.

[anapaulaods]

@dohooo please merge this.

[oliverloops]

Hello guys, tests are given some trouble. I'll be testing out and see if I can possible merge it.
Thanks for your patience!

[FelipeBohnertPaetzold]

@dohooo Thank you for the merge! Do you have any estimate of when it will be available in the npm package?

[dae54]

I am still facing this problem. have tried the latest version on npm, the canary versions 19,20,21,22, but all seems to throw the same error.
I have new arch enabled and using expo.

And this happens only when I use mode='horizontal-stack',

 <Carousel
        ref={ref}
        loop
        pagingEnabled={true}
        snapEnabled
        width={width}
        height={width / 2}
        // mode='horizontal-stack'.   <<== this line throws the error if enabled.
        // modeConfig={{
       // 	snapDirection: "left",
	// 	stackInterval: 18,
	// }}
        // customConfig={() => ({ type: "positive", viewCount: 5 })}
        autoPlay
        data={data}
        scrollAnimationDuration={5000}
        // onSnapToItem={(index) => console.log('current index:', index)}
        renderItem={({ index, item }) => (
          <ThemedView
            key={index}
            style={{
              flex: 1,
              margin: 5,
              borderRadius: 10,
              elevation: 5
            }}>
            <Image style={{ flex: 1, borderRadius: 10, }} source={{ uri: item.imageUri }} />
          </ThemedView>
        )}
      />