일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- React
- 리액트
- Spring
- 백준
- Coding Test
- javascript
- conding test
- JavaScrpit
- 정글sw
- 코딩테스트
- 회원가입 폼
- sw 정글
- sw정글사관학교
- 자바스크립트
- 프로그래머스
- onChange
- 목록 창 만들기
- Express
- malloc-lab
- 회원가입
- 사용자 정의 객체
- 템플릿 문자열
- SW정글
- HTML
- 자바스크립트 문자열 변수
- python
- dfsbfs
- html input
- node.js
- PINTOS
Archives
- Today
- Total
목록개발공부/React-native (1)
코드치고 무게치고
[react-native] FlatList로 배열 데이터 나타내기
이번에 react-native로 프로젝트를 하나 진행하게 되었다. 그래서 이제 react-native 공부 관련 글을 작성하려 한다. 이번 앱에서 카톡 메시지함과 비슷한 것을 만들어야 했다. 그래서 FlatList를 사용해서 배열로 저장된 데이터를 표시하는 기능이 필요했다. 그 때 사용하고 공부한 내용을 작성해보자 FlatList는 많은 양의 리스트 아이템을 스크롤로 내리면서 보여주고자 할 때 사용한다. ScrollView와 다른 점 ScrollView는 데이터가 화면을 벗어났을 때 단순히 Scroll을 만들어 벗어난 부분을 볼 수 있게 해 준다. FlatList는 ScrollView와 같이 데이터가 화면을 벗어날 때 Scroll을 생성하지만 모든 데이터를 렌더링 하지 않고 화면에 나타나는 부분만 렌더링..
개발공부/React-native
2020. 11. 22. 17:25