✔️expo init
으로 프로젝트 만들었을때 방법임
아이콘 이름 설정
API로 불러온 날씨 상태 : 이름(아이콘 실제 이름)
const icons = {
Clouds: 'cloudy',
Clear: 'day-sunny',
Snow: 'snow',
Rain: 'rains',
Drizzle: 'rain',
Thunderstorm: 'lightning'
}
UI에 적용하기
<Fontisto~ /> : 사이트에서 복붙해온 부분, name 수정한다
<View style={{flexDirection:'row', alignItems:'center', width: '100%',justifyContent:'space-between'}}>
<Text style={styles.temp}>Temp</Text>
<Fontisto name={icons[days.weather[0].main]} size={24} color='white' />
</View>
쏘간단..!