본문 바로가기
개발/React Native

2.10 Icons

by 세크레투스 2023. 6. 3.
반응형
SMALL

이번엔 마지막 단계!!

아이콘을 넣는 방법을 배울 것이다.

 

expo init으로 어플을 만들었다면 아이콘 패키지를 사용할 수 있다.

'@expo/vector-icons' 로 import 시켜서 패키지를 가져올 수 있다.

 

https://icons.expo.fyi/ 로 접속하면 다양한 아이콘들이 있는 것을 확인할 수 있다.

 

사용하고 싶은 아이콘을 클릭하면 해당 아이콘을 어떻게 import 시킨 후 사용할 수 있는지 자세한 설명이 나와있으니

보고 코딩을 하면 되겠다.

 

+) Plus One more Information

만약에 스타일시트에 하나만 적용하고 싶은데,

직접 다른 스타일을 더 추가하고 싶다면

이런식으로 코드를 작성하면 된다.

<View style={{ ...styles.day, alignItems:"center" }}>
	...
</View>

 

끝!!

반응형
LIST

'개발 > React Native' 카테고리의 다른 글

옵셔널 체이닝  (0) 2023.06.27
CheckBox 개별 클릭  (0) 2023.06.27
2.8 Weather  (0) 2023.06.02
2.7 Location  (0) 2023.06.02
2.6 Styles part two  (0) 2023.06.01