자주 사용하는 컴포넌트¶

FlatList¶

플랫리스트

<FlatList
  data={this.state.data}
  renderItem={this._renderItem}
>
</FlatList>

data는 플랫리스트 항목들의 배열을 의미합니다. renderItem은 플랫리스트 항목 하나에 대한 뷰를 어떻게 반환할지를 지정하는 함수입니다.

플랫리스트는 기본적으로 각 항목마다 key prop을 찾습니다. 다른 항목으로 key를 대신하려면 keyExtractor prop을 사용해야 합니다.

renderItem은 data 객체를 받을 수 있으며 구조분해 방식으로 {item, index, separators} 를 받을 수 있습니다.

renderItem({ item, index, separators})