[react-native] vector module 셋팅

우선, yarn을 사용하여 vector-icons 모듈을 설치하자.

yarn add react-native-vector-icons

 

안드로이드

 안드로이드는 react-native 프로젝트 디렉토리 내에 있는 android/app/build.gradle 파일 맨 아래에 아래와 같이 작성하면 된다.

 

◎build.gradle

(...)

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

 

 

iOS

terminal 에서 우선, pod를 설치해야 한다.

cd ios
pod install

 

이후에 마찬가지로 react-native 프로젝트 디렉토리 내에 있는 ios 디렉토리로 이동하여 info.plist 파일을 찾아 아래와 같이 작성해준다.

 

◎ios/[appName]/Info.plist

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