[React Native] 날씨 어플 만들기 - 아이콘 넣기

expo init 을 이용해서 어플을 만들었다면 이미 멋진 아이콘 패키지가 준비되어 있을 것이다.

expo/vector-icon

많은 아이콘이 들어있는 라이브러리 접근할 수 있다.

https://docs.expo.dev/guides/icons/

링크를 클릭해 주면

이렇게 많은 아이콘이 존재함을 확인 할 수 있다.

우리가 할일은 사용할 icon family를 import 해 오는게 전부이다.
(fyi : for your information)

또한 Column 으로 정렬된 View 말고 기온과 날씨 아이콘은 Row 로 정렬해 주기 위해 따로 View로 묶어서

flexDirection : "row"

를 주었다.

JavaScript 의 객체를 다루는 방법 중 하나이다.

객체의 key 값을 통해 value 값을 얻을 수 가 있다.

a 라는 key 값을 가지는 object obj 인 경우
obj.a
obj[a]

https://pangtrue.tistory.com/185

또한 styles 와 커스텀 스타일을 병합 시켜줄 수 있는 ES6 문법

Ctrl + Shift + P : wrap 입력하면 wrap 가능