• 목차

CHAPTER POINT

• 첫 번째 플러터 앱 시작하기

• 레이아웃 위젯

• 테마와 스타일링

• 커스텀 폼 요소

• 빌더 패턴

Previous

이번 챕터에서 플러트의 모든내장위젯을 다루지는 않습니다. 다만 필요한 위젯을 찾는 방법에 대해 학습한다. 더하여 4장에서는 아래와 같은 사항을 알아보고 학습한다.

• 앱의 틀을 구성하는 구조 위젯(structural widget)
• 앱을 꾸미는 테마와 스타일링 기능. 커스텀 색체 조합(color scheme)을 설정하고 스타일링에 사용하는 MediaQuery클래스
• 레이아웃을 돕는 위젯. Table, Stack, BoxConstraint, TabBar 등 기능을 제공하는 빌딩 블록 위젯
• 또 다른 레이아웃 위젯인 ListView. 이 위젯은 스크롤을 지원하며 플러터에서 빌더 패턴(builder pattern)을 사용함.

1. 앱 구현과 설정

예제코드는 플러터인액션 서적에서 제공하는 소스를 사용해야하지만, 해당 소스가 버전이 옛날버전이라 그런지 그냥 다운받아서 실행하면 AndroidX 에러가 발생한다. 그래서 따로 해당 프로젝트를 최신화하고 비동기에러를 수정한 버전을 업로드한다. 해당 코드를 참고해 학습하도록 한다.

catsbi/weather_app

C:\\workspace\\flutterSpace\\weather_app
├── android
├── assets
|  └── fonts
├── build
├── ios
├── lib
|  ├── controllers
|  |  └──forecast_controller.dart //앱에 필요한 저장소의 데이터를 초기화한다.
|  ├── main.dart //앱의 진입점이다.
|  ├── models
|  |  └── // 모델
|  ├── page
|  |  └── // 페이지
|  ├── styles.dart // 이 앱에서 사용할 다양한 색을 쉽게 참조하도록 만든 클래스
|  ├── utils
|  |  └── // 다양한 유틸 파일
|  └── widget
|  |  └── // 앱의 모든 커스텀 위젯
├── pubspec.lock
├── pubspec.yaml // 플러터 전용 설정을 포함하는 파일
└── README.md