Skip to content

Laggy performance with windowSize with only 28 itemsΒ #352

@AndonMitev

Description

@AndonMitev

I have following code

<SafeWrapper bgColor="muted.50" flex={1} alignItems="center">
      <TicketHeader currentTicket={currentTicket} totalTickets={eventDetails.length} />
      <GestureHandlerRootView>
        <Carousel
          windowSize={2}
          width={width}
          data={eventDetails}
          pagingEnabled
          snapEnabled
          scrollAnimationDuration={1000}
          onSnapToItem={onSnapToItem}
          panGestureHandlerProps={{
            activeOffsetX: [-10, 10],
          }}
          renderItem={({ item, index }) => <TicketDetailsScreen nftDetails={item} key={index} />}
        />
      </GestureHandlerRootView>
    </SafeWrapper>

and navigating between items is super slow even if i swipe faster i can see white screen for some amount of time do you have any ideas how i can optimize it? Current stack

"react-native": "0.69.6",
"react-native-reanimated-carousel": "3.0.6",
"react-native-qrcode-svg": "6.1.2"

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions