[ 2025. 07. 26 ] ✨ Flutter 앱 UI 기본 구성 연습

 

이번 프로젝트에서는 Flutter의 기본 위젯인 `Scaffold`, `AppBar`, `BottomAppBar`, `Center`, `Icon` 등을 사용하여 심플한 앱 UI를 구성해보았습니다.

- `AppBar`는 상단에 "Start App"이라는 타이틀을 표시하며, 파란색 배경으로 지정하였습니다.
- 중앙에는 노란색 원 안에 별(`star`) 아이콘이 들어간 커스텀 배지를 배치하여 포인트 요소를 추가했습니다.
- 하단에는 `BottomAppBar`를 사용하여 전화, 메시지, 주소록 아이콘을 가로로 나열하여 하단 네비게이션 바처럼 구현했습니다.

 

https://github.com/GangOn0215/study/commit/ca31df925466735b1a14628ddd5a8f560bdbfbc3