[RN] FlatList 사용 시 스크롤 막고 싶을 때

데이터가 적어서 화면 밖으로 나가지 않을때에도 FlatList를 사용하면 위아래로 스크롤 시 요소가 움직인다.

이를 막기 위해 찾아보니

 

<FlatList
 style={styles.list}
 data={groupedData}
 stickyHeaderIndices={groupedData.length > 1 ? [groupedData.length - 1] : undefined}
 scrollEnabled={groupedData.length > 3}
 renderItem={/* 생략 */}
 keyExtractor={(item) => item.orderDate}
/>

 

stickyHeaderIndices에 데이터의 갯수를 주고

scrollEnabled에는 화면에 넘어가지 않을만큼의 제한 갯수를 정해준다.