study: 리네다기 | 4장 - react-native-vector-icons, plist, gradle

react-native-vector-icons
벡터 아이콘 라이브러리는 폰트 또는 SVG 를 사용해
크기가 조정돼도 아이콘이 흐려지거나 깨지지 않는다
모든 해상도에서 또렷하고 색상도 쉽게 변경 가능

iOS 설정

Info.plist 파일의 </dict> 뒤에 UIAppFonts 속성 추가

(...)
  <key>UIViewControllerBasedStatusBarAppearance</key>
  <false/>
  <key>UIAppFonts</key>
  <array>
    <string>MaterialIcons.ttf</string>
  </array>
</dict>
</plist>

plist 파일은 iOS 앱의 프로퍼티 리스트 파일로
앱의 이름, 아이콘, 버전 등 앱에 필요한 설정 값을 가지고 있다

Android 설정

android/app/build.gradle 파일 최 하단에

apply from: file("../../node_modules/react-native-vector-icons/fonts.gradle")
추가