채팅앱 만들기(Flutter)

https://www.youtube.com/watch?v=aBeJb3gZQZY&t=4711s
유튜브채널 더코딩파파님의 90분 채팅앱 만들기 - Flutter | Lv.2(초중급) 영상을 참고하면서 공부했다.

아무거나 우선 lib폴더에 home_page.dart 파일을 만들어주었다.
home_page.dart 파일은 앱을 실행시켰을때 보여주는 화면이다.
안드로이드는 material.dart 패키지를 import 해주고 iOS는 cupertino.dart 패키지를 import 해준다.
StatelessWidget은 변경 가능한 상태가 필요하지 않은 widget이다.
Scaffold는 해석하면 발판이라는 뜻으로, API 문서에 적힌 클래스 설명은 서랍, 스낵바, 하단 시트를 보여주고 플로팅 버튼을 보여준다.
즉, 가장 최 상단, 중간 영역, 최하단, 그리고 떠 있는 버튼을 지원해주는 클래스다.
그림을 보면 AppBar의 title을 Chat App으로 변경했다.
아무거나 다음은 main.dart 파일이다.
StatelessWidget 안에 있는 코드를 보면 primarySwatch 를통해 테마칼러를 지정해준다.
그리고 home : HomePage()를 통해서 앞선 home_page.dart파일에 있는 HomePage()클래스를 어플 화면에 나타냄을 알 수 있다.

실행결과

아무거나