게으름을 위한 부지런한 게으름뱅리' 블로그

Map 반복되는 data를 그릴때 사용 순차적으로 순회 후 return 배열의 길이 만큼 return 각각의 item들은 unique한 key가 있어야 한다. export default (props) => { return ( //showsVerticalScrollIndicator :스크롤 바 감추기 //contentContainerStyle : 맨아래로 스크롤 했을 경우 아래가 잘리지 않고 보임 {/* Map에서 key를 설정해주지 않으면 경고, key는 최상단 root 컴포넌트에 있어야 한다 */} { props.data.map((item, index) => ( )) } ) }

Expo에서 제공하는 기본 Icon 사용 https://icons.expo.fyi/ @expo/vector-icons directory icons.expo.fyi 1. 위 페이지 접속 후 원하는 Icon을 검색 2. 검색 후 원하는 Icon을 선택하여 복사해서 사용 3. 소스코드에 적용하기 import { Ionicons } from '@expo/vector-icons'; const IconButton = (props) => { return ( ); }