2023-04-01

몇 번의 삽질 끝에 이 글을 쓴다.

React Native로 앱을 개발하던 중 특정 페이지에서

스크롤 시 특정 영역이 화면에 나타났을 때를 감지하기 위해

Intersection Observer를 도입해야 했고

react-native-intersection-observer 패키지를 이용해

해당 페이지를 구현했었다.

문제상황)

이 페이지에는 탭이 들어가있고, 이 탭은 Sticky 된다. (스크롤 시 상단 고정)

그리고 탭을 클릭할 때마다 스크롤 영역 내 특정 영역으로 뿅 하고 스크롤이 되어야했었다.

근데 이걸 기존에는 그냥 scrollTo()에 y값을 하드코딩해서 줘서 처리했었는데

주변에 iPhone max 유저 분께서 이상하게 스크롤이 된다고 하셔서

이걸 해결하려면 FlatList의 scrollToIndex로 처리해야한다고 하셨다.

Try 1) 안됨

withIO 함수의 인자로 FlatList를 넣어서 IOFlatList 만들기