맥북 에어 m2가 왔다.....
첫 MAC OS인 만큼 적응이 너무 어렵다...
받자마자 뭐부터 만져야 할지도 몰랐다..
편하게 바꾸기보단 OS 그 자체를 느껴보고자
순정 상태로 사용해보려고 한다.
Flutter 설치를 끝내고 Ios 애뮬을 돌리는데 너무 심장이 떨렸다...
이렇게 빠르다니....
맥북은 천천히 익히도록 하고 밀린 Flutter 부터 학습해보자
이번에는 토이프로젝트를 조금씩 완성해보려고한다.
무엇을 할지 모른다면 역시 생각나는 작은것 부터 처리하는게 좋은거같다.
Splash 화면이다. 앱을 처음에 실행하면 나오는 로딩 페이지라고 생각하면 된다.
앱 로고가 아직 없기에 아이폰에 있는 내 이모지를 활용했다.
일단 첫번째로 기본 프로젝트를 만들어주자
https://pub.dev/packages/flutter_native_splash
위 페이지의 라이브러리를 이용하오니 설치 해주자.
pub get을 해주고
프로젝트 root 디렉토리에 flutter_native_splash.yaml 파일을 만들어주자
안에 들어갈 코드는 위 페이지에 나와있다.
코드중 내가 수정한 부분은 단 두줄이다.
백그라운드 컬러 및 로고 이미지 경로
기기의 모드(다크/라이트)에 따라 불러오는 로고를 다르게 설정할 수 있다. 이건 나중에 하도록 하겠다.
다음은 main.dart를 수정해보자
import 'package:flutter_native_splash/flutter_native_splash.dart';를 import 해준뒤
메인 함수에 두줄을 추가한다.
해당 코드를 아래 위젯에 추가해준다.
해당 splash가 3초간 지속되고 첫 페이지로 들어가게 된다.
이로써 Splash 이미지는 구현 완료이다.
참 간단하지만 뭔가 있어보이는? 그런 라이브러리인거같다.
다음으로는 get을 이용해 하단 네비게이터바를 구현하여 다중 페이지를 구현하도록할것이다.