좌충우돌 개발 블로그

React Native로 개발한 앱을 안드로이드 에뮬레이터로 보기위해선 다음을 실행하여 에뮬레이터를 먼저 실행해야 한다.

android avd

하지만 무슨 이유에서인지 실행이 안되었는데 이유는 docker와 충돌이 나서였다.

이를 해결하기 위해 docker를 종료하고 에뮬레이터를 실행하여 문제를 해결했다.

참고 문헌

1. https://github.com/moby/moby/issues/24530

React Native에서 특정 폰트를 사용하기 위해서 폰트를 추가해야하는데 다음과 같이 하면 된다.

1. fonts 디렉토리를 만들어 폰트를 넣어준다.

   react-native-app
   │   README.md
   │   index.ios.js
   │   index.android.js
   └── ios
   └── android
   └── src
   │   │
   │   └── assets
   │       └── fonts
   │            └── 폰트

2. rnpm을 설치한다.

   $ npm install -g rnpm

3. package.json에 다음을 추가한다.

   ...
   "rnpm": {
    "assets": [
      "src/assets/fonts"
    ]
   }

4. 다음 명령어를 실행하면 ios/andorid에 자동으로 폰트가 추가된다.

   $ rnpm link assets

5. 다음처럼 스타일을 적용하는 부분에 넣어 사용하면 된다.

   fontFamily: '폰트이름'

참고 문헌

1. https://kylealwyn.com/blog/custom-fonts-with-react-native