React Native 시스템 개발환경

1. github 연동

2. 프로젝트 생성

react-native init Alone08

react-native run-android

초기 화면이 나오는가? OK!

3. 필요한 라이브러리 설치

yarn add react-native-vector-icons

• 안드로이드, IOS 에 따라 추가할 사항

  iOS : info.plist에 UIappFonts 추가 ⇒ npx pod-install ios (mac 에서 해주어야 함)

  <key>UIAppFonts</key> <array>   <string>AntDesign.ttf</string>   <string>Entypo.ttf</string>   <string>EvilIcons.ttf</string>   <string>Feather.ttf</string>   <string>FontAwesome.ttf</string>   <string>FontAwesome5_Brands.ttf</string>   <string>FontAwesome5_Regular.ttf</string>   <string>FontAwesome5_Solid.ttf</string>   <string>Foundation.ttf</string>   <string>Ionicons.ttf</string>   <string>MaterialIcons.ttf</string>   <string>MaterialCommunityIcons.ttf</string>   <string>SimpleLineIcons.ttf</string>   <string>Octicons.ttf</string>   <string>Zocial.ttf</string>   <string>Fontisto.ttf</string> </array>

  Android : build.gradle 에 추가

  apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

  [Test]

  import Entype from 'react-native-vector-icons/Entypo';

  <Entype name={"home"} size={24} />

   

4.  

 

 

Uploaded by Notion2Tistory v1.1.0