Flutter - 이미지 / 폰트 / 라이브러리 추가

이미지와 폰트, 라이브러리는 프로젝트 폴더내에 pubspec.yaml파일에서 추가할 수 있다.

주의사항❗️ pubspec.yaml은 들여쓰기가 굉장히 중요하니까 꼭 잘 확인하길 바란다.

Image 추가하기

  assets:
    - assets/images/

Font 추가하기

1. font 파일 생성
2. 생성 한 파일에 사용 할 폰트 넣어주기
3. pubspec.yaml에 font 선언

# 각각의 font weight에 해당하는 폰트파일을 지정해두면
# Text 위젯의 style에서 fontWeight를 지정하면 해당 fontWeight에
# 해당하는 폰트를 지정해줌
  fonts:
    - family: NotoSansKR
      fonts:
        - asset: fonts/NotoSansKR-Thin.ttf
          weight: 100
        - asset: fonts/NotoSansKR-ExtraLight.ttf
          weight: 200
        - asset: fonts/NotoSansKR-Light.ttf
          weight: 300
        - asset: fonts/NotoSansKR-Regular.ttf
          weight: 400 # FontWeight.normal
        - asset: fonts/NotoSansKR-Medium.ttf
          weight: 500
        - asset: fonts/NotoSansKR-SemiBold.ttf
          weight: 600
        - asset: fonts/NotoSansKR-Bold.ttf
          weight: 700 # FontWeight.bold
        - asset: fonts/NotoSansKR-ExtraBold.ttf
          weight: 800
        - asset: fonts/NotoSansKR-Black.ttf
          weight: 900

사용 방법

• MaterialApp의 theme속성에 추가

MaterialApp(
  theme: ThemeData(fontFamily: 'NotoSansKR'),
  home: const MyHomePage(),
);

Library 추가하기

dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^1.0.6

dev_dependencies:
  flutter_test:
    sdk: flutter
    
  flutter_lints: ^3.0.0