Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Stack not appearing correctly #595

Open
CoreyBovalina opened this issue May 2, 2024 · 2 comments
Open

Stack not appearing correctly #595

CoreyBovalina opened this issue May 2, 2024 · 2 comments
Assignees
Labels
bug Something isn't working

Comments

@CoreyBovalina
Copy link

CoreyBovalina commented May 2, 2024

If I have 3 items in a stack only 2 items show in the stack and the 2nd item is very transparent. If I have 2 items in a stack it shows as expected.

How can I fix this?

Describe the bug
A clear and concise description of what the bug is. If you intend to submit a PR for this issue, tell us in the description. Thanks!

To Reproduce

<Carousel
          data={images}
          defaultIndex={0}
          renderItem={renderItem}
          vertical={false}
          loop={true}
          autoPlay={false}
          style={{
            width: '100%',
            height: imageHeight,
          }}
          width={
            fullScreen
              ? screenDimensions.width - 20
              : (screenDimensions.width - 20) / 2
          }
          mode="horizontal-stack"
          windowSize={5}
          snapEnabled
          pagingEnabled
          modeConfig={{
            snapDirection: 'left',
            stackInterval: 15,
            rotateZDeg: 0,
            scaleInterval: 0.01,
          }}
          customConfig={() => ({ type: 'positive', viewCount: imageCount })}
          panGestureHandlerProps={{
            activeOffsetX: [-20, 20],
            failOffsetY: [-20, 20],
          }}
        />

Expected behavior
3 item stack should show the same as a 2 item stack

Screenshots
image

Versions (please complete the following information):

  • react: v18.2
  • react-native: v0.72.10
  • react-native-reanimated: v3.6.2
  • react-native-reanimated-carousel: v3.5.1
  • react-native-gesture-handler: v2.12.0

Smartphone (please complete the following information):
All devices

Additional context

@CoreyBovalina CoreyBovalina added the bug Something isn't working label May 2, 2024
Copy link

dosubot bot commented May 2, 2024

Hey there, @CoreyBovalina! 👋 I'm Dosu, your friendly neighborhood bot here to lend a hand with bugs, answer your questions, and guide you on becoming a contributor if that tickles your fancy. Just letting you know I'm here to support you while we wait for a human maintainer to swoop in. I'm currently reviewing your issue about the stack not appearing correctly, and I'll get back to you with a full answer shortly. Stay tuned!

@CoreyBovalina
Copy link
Author

anyone else experience this?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants