모바일
보통
코딩
React Native 무한 스크롤
FlatList를 활용한 무한 스크롤 구현
35분
80점
#3706
문제 설명
React Native의 FlatList를 사용하여 최적화된 무한 스크롤을 구현하세요.
요구사항
- 페이지네이션 API 호출
- 로딩 인디케이터 표시
- Pull-to-refresh 기능
- 에러 처리 및 재시도
- 빈 상태 처리
- 메모리 최적화 (getItemLayout, removeClippedSubviews)
API 형식
GET /api/items?page=1&limit=20
Response:
{
"items": [...],
"hasMore": true,
"nextPage": 2
}
평가 기준
- 스크롤 성능
- 메모리 사용량
- UX (로딩 상태, 에러 처리)
실행 버튼을 눌러 코드를 실행하세요.