GitHubCreative Dev & WebGLtech-infocode

GetStream/flat-list-mvcp

GetStream·@GetStream·Dec 14, 2021

개요 React Native Android에서 `maintainVisibleContentPosition` prop을 지원하는 FlatList 래퍼다. 채팅 앱처럼 새 메시지가 추가될 때 현재 스크롤 위치를 유지해야 하는 역방향 리스트에서 필요한 기능이다.

핵심 내용 iOS에는 기본 지원되는 `maintainVisibleContentPosition`을 Android에서도 동작하도록 FlatList를 패치한 래퍼 컴포넌트다. 기존 FlatList와 동일한 API를 유지해 드롭인 교체가 가능하다.

기존 대비 차별점 Android React Native FlatList는 `maintainVisibleContentPosition`을 미지원해 새 아이템 추가 시 스크롤 위치가 점프하는 문제가 있었다. 이 래퍼로 iOS와 동일한 동작을 Android에서도 구현할 수 있다.

활용 가능성 채팅 앱, 역방향 피드, 알림 목록 등 위쪽에 새 항목이 추가될 때 현재 화면 위치를 유지해야 하는 React Native 리스트 컴포넌트에 활용할 수 있다.

참고 자료 - 원본

TypeScript137androidflatlistreact-nativescrollviewwrapper
#react-native#flatlist#scroll#android

Related in Creative Dev & WebGL