목록UI (1)

Seung's Learning Record

[ Flutter ] Splash Screen 만들기

앱을 구동시키면 뜨는 첫 화면으로, 주로 브랜드의 포인트 컬러를 배경으로 두고 로고를 중앙에 띄우는 형식으로 만들어진다. 첫 화면을 그냥 메인 페이지로 만들려 했는데 이왕 플러터 쓰는 거 완성도 높은 앱 UI를 만들어 보고 싶어 져서 스플래시 스크린부터 만들기로 결정했다. 그리고 메인 페이지보다 만들기가 훨씬 쉬워서 만들면서 전반적으로 코드를 공부하기 좋을 거 같기도 했다ㅎㅎ. 자 그럼 거두절미하고 본론 시작. SplashScreen() 스플래시 화면은 상태의 변화를 즉각적으로 사용자가 확인할 필요 없는 화면이므로 stless로 작성했다. 어플의 로고만 띄우는 것이 아닌 이미지까지 같이 하고 싶었기에 적당한 배경 이미지 사진을 찾아 컨테이너의 배경으로 넣은뒤 자식 위젯으로 로고 이미지를 넣었다. clas..
Dev Tool/Flutter 2022. 10. 3. 02:29
이전 Prev 1 Next 다음