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

Sectionlist warning #162

Closed
gudberg opened this issue Jan 7, 2021 · 1 comment
Closed

Sectionlist warning #162

gudberg opened this issue Jan 7, 2021 · 1 comment
Assignees
Labels
bug Something isn't working v3 Written in Reanimated v2

Comments

@gudberg
Copy link

gudberg commented Jan 7, 2021

Bug

I updated to v3 and I am using BottomSheetSectionList. I started getting this warning when I scroll and load more content:

Screenshot 2021-01-07 at 14 55 21

Environment info

Library Version
@gorhom/bottom-sheet 3.0.2-alpha.2
react-native 0.63.3
react-native-reanimated 2.0.0-rc.1
react-native-gesture-handler 1.9.0

Steps To Reproduce

       <BottomSheet
               // ref={sheetRef}
               backgroundComponent={() => (
                  <View style={{ backgroundColor: COLORS.THEME.MODAL_DARK }} />
               )}
               handleComponent={() => (
                  <View style={{ backgroundColor: COLORS.THEME.TRANSPARENT, alignItems: 'center' }}>
                     <View
                        style={{
                           width: 40,
                           borderTopWidth: 5,
                           borderTopColor: '#979797',
                           borderRadius: 6,
                           marginBottom: 5,
                           backgroundColor: COLORS.THEME.MODAL_DARK,
                        }}
                     />
                  </View>
               )}
               snapPoints={snapPoints}>
                  <BottomSheetSectionList
                    style={styles.scrollBottomSheet}
                    sections={
                       moments.length === 0 && closedMoments.length === 0 ? [] : (sections as any)
                    }
                    stickySectionHeadersEnabled
                    ref={ref}
                    keyExtractor={(item, index) => `${index} ${item}`}
                    renderSectionHeader={renderSectionHeader}
                    onEndReached={() => fetchNextClosedMoments()}
                    onEndReachedThreshold={1}
                    ListEmptyComponent={() => <EmptyState />}
                    renderItem={renderItem}
                    showsVerticalScrollIndicator={false}
                    ListHeaderComponent={cardOverlay}
                    ListFooterComponent={loadingFooter}
               />       
        </BottomSheet>


  • Explain the steps we need to take to reproduce the issue:
    -->
  1. Scroll down and load more content

Describe what you expected to happen:

  1. No warning should come up/ worked on v2
@gudberg gudberg added the bug Something isn't working label Jan 7, 2021
@gorhom gorhom self-assigned this Jan 7, 2021
@gorhom gorhom added the v3 Written in Reanimated v2 label Jan 7, 2021
@gorhom
Copy link
Owner

gorhom commented Jan 7, 2021

thanks @gudberg for reporting this issue, it will be resolved with the next release 👍

@gorhom gorhom closed this as completed Jan 7, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working v3 Written in Reanimated v2
Projects
None yet
Development

No branches or pull requests

2 participants