본문 바로가기 메뉴 바로가기

썬이의 IT세상

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

썬이의 IT세상

검색하기 폼
  • 분류 전체보기 (112)
    • 개발 세상 (86)
      • CS (2)
      • JS&TS (9)
      • React Native (46)
      • 에러 해결 노트 (19)
      • expo (1)
      • git (2)
      • React (3)
      • CSS (1)
      • Firebase (3)
    • 끄적이기 (5)
      • Private Box (3)
      • ChatGPT (4)
      • VSCode (4)
      • MMEIN (2)
    • 일상 (5)
      • 맛집 탐방 (5)
  • 방명록

ListRenderItem (1)
[ReactNative/Typescript] React Native Flatlist RenderItem에 type 지정하기

RN으로 개발하다보면 거의 필수적으로 쓰게되는 ScrollView와 FlatList. 그중 나는 FlatList를 사용하여 스크롤이 있는 UI에 배열로 들어오는 데이터들을 화면에 그려주곤 하는데, RenderItem의 {item}에 타입을 지정해주기가 여간 까다로운게 아니다. 알고보니 이건 인수를 넣는 쪽에 타입을 지정해주려는 나의 습관과 고정관념의 문제였고 RN에서는 RenderItem에 타입을 지정해주는 아주 간단한 Type Props를 제공해준다. import {FlatList, ListRenderItem} from 'react-native'; ... type TRenderItemProps = { a : string; b : number; ... } const RenderItem : ListRend..

개발 세상/React Native 2023. 2. 20. 14:35
이전 1 다음
이전 다음
반응형
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • ios
  • vscode
  • Ai
  • rn
  • build
  • 코린이
  • ReactNative
  • Mac
  • app
  • reactQuery
  • React Hooks
  • Xcode
  • vsC
  • JavaScript
  • It
  • Android
  • 스파르타코딩클럽
  • useState
  • React Native
  • CSS
  • Firebase
  • IMAGE
  • typeScript
  • ChatGPT
  • REACT
  • useEffect
  • 영종도데이트
  • 앱개발
  • TS
  • FlatList
more
«   2025/05   »
일 월 화 수 목 금 토
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 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바