react native에서 고정 폭을 가진 폰트를 사용하고 싶을 때!

react native로 콘솔 프로그램을 만들고 있는데

문자열 정렬이 문제다.

 

보통 컴포넌트의 폰트는 변동폭이므로

탭 등 화이트 스페이스가 포함된 문자열을 출력하면

정렬이 안 맞는다.

 

웹 에서는 textarea나 pre 태그를 사용하거나

Consolas, monospace 같이

고정폭을 가진 폰트를 사용해서 해결하곤 했다.

 

하지만, react native에는 이런게 없구나~

 

검색해보니 다양한 방법이 있는것 같지만

간단하게 다음과 같이 처리하고 넘어가보자.

 

728x90

 

fontFamily: 'Courier New',

 

폰트가 예쁘지는 않지만

최소한의 처리로 원하는 결과를 얻고 일단 넘어가보자.

 

내가 지금 만들고 있는 것은 콘솔이잖아. 콘솔!

원래 콘솔에서 보이는 폰트는 다 그냥 그래~ 

^^;;