본문 바로가기
Flutter

레시피 앱만들어 보기

by 남행비 2023. 10. 11.

학습 목표

1. 앱 기본 뼈대 만들기

2. yaml 파일 설정하기

3. 이미지 파일 추가

4. 기본 코드 작업

 

 

 

 

 

폰트 다운로드

Untitled.txt
0.03MB

 

1. 앱 기본 뼈대 만들기

  - 폰트 추가 및 이미지 추가

 

2. yaml 파일 설정하기

경로 설정 확실히 확인

 ※ yaml 파일 건든후에는 우측 상단에 Pub get 필수로 꼭 눌러주기

 

 

 

 

AppBar

결과화면

 

Title

 

main에 추가해서 폰트적용
recipe_title.dart
recipe_page.dart

 

 

결과화면

 

Menu

recipe_menu.dart

결과화면

 

 

List

recipe_list_item
recipe_page

 

결과화면

'Flutter' 카테고리의 다른 글

Life Cycle  (0) 2023.10.16
Building layouts - Doc 1  (0) 2023.10.12
ScrollView  (0) 2023.09.25
Stack 위젯  (0) 2023.09.25
Constraint(제약 조건)  (0) 2023.09.25