3. flutter에 이미지와 폰트 추가하기 (vscode)

이미지 추가

1. 프로젝트에 폴더 추가 -> 'assets'이라는 이름의 폴더를 추가해줌

 

2. 만든 assets 폴더에 넣고 싶은 사진 추가

 

3. pubspec.yaml 폴더에 와서 flutter 밑에 경로를 적어주기

- 띄어쓰기 주의할 것 (2칸)

- 기본적으로 주석처리가 되어 있으니, 해제한 후 내가 만든 폴더 이름으로만 바꿔주면 됨!

flutter:
  assets:
    - assets/

 

4. 사용하기

 

 

---

폰트 추가하기

1. 프로젝트에 fonts 폴더 추가 후 원하는 폰트 파일 가져다 놓기

 

2. pubspect.yaml에 가서 fonts의 경로 설정

- 같은 폰트지만, Bold, Regualar 등과 같이 구별되어 있다면, fontFamily로 나눌 수 있음

- 잘 모르겠으면 주석처리를 참고해도 됨

flutter:
  fonts:
    - family: Pretendard
      fonts:
        - asset: fonts/Pretendard-Regular.otf
        - asset: fonts/Pretendard-Bold.otf
          weight: 700

 

 

3. 사용하기

child: Text(
  '시작하기',
  style: TextStyle(
    fontFamily: 'Pretendard',
    fontSize: 15,
    color: Colors.black),
),