개발 블로그

React Native에서 스크롤 중 Sticky Header를 만들었는데,버튼이 눌리지 않는 상황, 한 번쯤 겪으셨죠?저도 한참 삽질했습니다.화면에 분명히 버튼이 보이는데, 눌러도 반응이 없어요.“코드가 잘못됐나?” → “라이브러리 버그인가?”몇 시간 동안 고민한 끝에 원인을 찾았습니다.결론부터 말하면,Sticky Header 위에 다른 View가 겹치거나, 터치 이벤트를 막고 있는 경우가 대부분입니다.1️⃣ 문제 상황 정리FlatList / SectionList에 Sticky Header 적용버튼, 아이콘 등 터치 컴포넌트 정상 배치근데 눌러도 onPress 실행 안 됨iOS는 되는데 Android에서만 안 되는 경우 있음2️⃣ 원인 분석1. 다른 View가 위에 겹쳐 있음absolute 포지션 / ..

React Native에서 FlatList를 쓰다 보면스크롤은 되는데 터치가 안 되는 상황을 한 번쯤은 겪게 됩니다.아이템을 눌러도 onPress가 안 찍히고,“내 코드가 잘못된 건가?” 싶어서 한참을 들여다보게 되죠.저도 처음엔TouchableOpacity 문제인 줄 알았고,그다음엔 상태값 문제인 줄 알았습니다.근데 결론은 의외로 단순했습니다.ScrollView랑 FlatList가 겹쳐 있었어요.증상부터 정리해보면이런 상황이었습니다.FlatList는 잘 보임위아래 스크롤도 정상근데 아이템 클릭이 안 됨콘솔 로그도 안 찍힘특히 화면 끝까지 스크롤했을 때만 안 되는 경우도 있었고,iOS에서는 되는데 Android에서만 안 되는 경우도 있었습니다.이때 거의 대부분의 원인이ScrollView + FlatLis..