11-react-native-무한스크롤과-bottom-sheet

gorhom bottom sheet안에서 FlastList로 무한스크롤을 구현하려면, BottomSheetScrollView를 사용하지 않아야 한다. BottomSheetScrollView를 사용하면 FlastList의 onEndReached가 무한으로 계속 불려서 마지막 페이지까지 멈추지 않고 읽어온다.

BottomSheetScrollView 대신 BottomSheetDraggableView를 사용해야 하고, FlashList 대신 BottomSheetFlashList를 사용해야 android, ios 모두 onEndReached가 정상적으로 불린다 (실제로 스크롤이 끝부분 근처일 때 onEndReached가 불림).

아래처럼 컴포넌트를 구성해야 잘 됨..

<BottomSheetModal>
  <BottomSheetDraggableView>
    <BottomSheetFlashList renderItem={...} onEndReached={...} />
  </BottomSheetDraggableView>
</BottomSheetModal>