Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 |
Tags
- 실버1
- 머신러닝
- LV3
- 큐
- 자료구조
- 프로그래머스
- 이진탐색
- 11831
- 3079
- FlatList
- 복잡도 측정
- ReactNative
- 2800
- PYTHON
- React #새파일생성
- 그래프
- 그리디
- useHeaderHeight
- 브루트포스
- 골드5
- TouchableWithoutFeedback
- 상담원 인원
- 딥러닝
- 이분탐색
- 괄호제거
- KeyboardAvoidingView
- 17089
- 시간초과해결
- 수정렬하기4
- 백준
Archives
- Today
- Total
지니 코딩일기
RN) FlatList 본문
요약
리스트 생성
data에 데이터를 넣으면 renderItem 형태로 된 item의 리스트를 만들어줌
*section 구분이 필요하다면 <SectionList> 사용!
설명
아래 사항들을 모두 지원함
- Fully cross-platform.
- Optional horizontal mode.
- Configurable viewability callbacks.
- Header support.
- Footer support.
- Separator support.
- Pull to Refresh.
- Scroll loading.
- ScrollToIndex support.
- Multiple column support.
공식 문서
https://reactnative.dev/docs/flatlist
FlatList · React Native
A performant interface for rendering basic, flat lists, supporting the most handy features:
reactnative.dev
예시
'Programming > React-native' 카테고리의 다른 글
| RN) react native 헤더 사이즈 구하기 (0) | 2022.07.20 |
|---|---|
| RN) ActivityIndicator 로딩바 (0) | 2022.07.04 |
| RN) SafeAreaView (0) | 2022.06.30 |
| RN) KeyboardAvoidingView (0) | 2022.06.30 |
| RN) TouchableWithoutFeedback (0) | 2022.06.24 |