react-native-vector-icons ios 설치 후 설정 하기

프로그램 개발시 간단한 아이콘은 Vector Icon을 이용하는데 이때 유용한 react-native-vector-icons 라이브러리를

설치해보도록 하자. 설치는 간단하게 npm install react-native-vector-icons라고 치면 되지만

설정을 따로 해줘야되서 아래 내용을 보고 순서대로 따라해보자~!

 

1. xcode의 자신의 프로젝트명 폴더 아래에서 New Groups를 선택하고 이름을 Fonts라고 지정한다.

 

2. Finder에서 자신의 프로젝트 > node_modules > react-native-vertor-icons > Fonts 폴더로 이동하여 모든 파일을 드래그앤 드롭으로 아까 만든 xcode의 Fonts 그룹에 붙여 넣어준다. 이때  붙여넣기 옵션 중 Add to targets를 체크해주고 Finish 해준다.

3. 좌측 에서 Info 메뉴를 선택한후 Information Property List 아래에 Fonts provided by application라고 속성을 생성해준다.

4. 필요한 아이콘의 폰트를 직접 입력해준다.

5. 빌드 클린 후 재빌드 하면 ios 설정 끝~!

 

PS. 혹시나 추가후 빌드시 Multiple commands produce Error ....... 추가한 파일명

이런식으로 에러가 나면 이미 설정되어 있는데 추가하면서 문제가 발생된 것이므로 

좌측 프로젝트명 선택후 TARGETS 프로젝트명 선택후 Build Phases 탭 선택!

Copy Bundle Resources에 추가한 ttf 파일들을 빼주자