폰트(2)
-
React Native 화면 크기별로 폰트 사이즈 변경하기
우선 여기저기 요긴하게 쓰이는 화면 크기 알아내는 법 import { Dimensions } from 'react-native'; //화면의 높이 Dimensions.get('window').height //화면의 너비 Dimensions.get('window').width 화면 크기에 따른 폰트 사이즈 변경하기 const styles = StyleSheet.create({ ... sectionSubtitle: { // 화면 너비가 500보다 크면 22, 아니면 18 fontSize: Dimensions.get('window').width > 500? 22 : 18, textAlign: 'center', fontFamily: 'Bazzi', }, ... 비율대로 크기를 조정하려면 화면 너비를 24로 나눈..
2021.06.25 -
React Native 내가 다운받은 폰트 파일 적용하기
폰트 바꾸는 건 많이 헤맸다.. 정리하면 1. ttf 또는 otf 폰트 파일을 다운 받는다 2. assets 아래 fonts 폴더를 만들고 그 안에 폰트 파일을 넣는다 3. root 위치에 react-native.config.js 파일을 만들고 그 파일에 다음과 같이 쓴다 module.exports = { project: { ios: {}, android: {}, // grouped into "project" }, assets: ["./assets/fonts/"], // stays the same }; 4. 터미널에서 npx react-native link 를 실행한다. 대충 폰트 파일을 어플이 받아갈 수 있게 이어준다는 의미인듯 여기까지만 하고! fontFamily에 다운 받은 폰트 이름 쓰고 왜 안 ..
2021.06.17