React-Native expo 폰트 적용

MINBOK·2022년 6월 15일
0

ReactNative

목록 보기
1/3
  1. assets 폴더 안에 font 폴더를 만든다.
  2. 폰트를 사용하려는 파일에서 'expo-font' import 해오기
import * as Font from "expo-font";
    const [isFont, setIsFont] = useState(false);
    const [days, setDays] = useState([]);

    // 폰트 적용
    useEffect(async () => {
      await Font.loadAsync({
        "NotoSans": require('../assets/font/NotoSansKR-Regular.otf'),
        "Roboto": require('../assets/font/Roboto-Regular.ttf'),
      });
      setIsFont(true);
    },[]);
const styles = StyleSheet.create({
  upperSide: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  cityName : {
    color: '#161B1D',
    fontSize: 36,
    fontWeight: '400',
    fontFamily: "NotoSans"
  },
});

0개의 댓글