Flutter iOS 화 (Cupertino)

강정우·2023년 5월 21일
0

Flutter&Dart

목록 보기
34/87
post-thumbnail

  • 위 사진을 보면 알 수 있듯 뭔가 iphone 스럽지 못 하다. 우리가 흔히 보는 iphone alert은 아래와 같이 생겼기 때문이다.

  • 이제 현제 모달을 위와같이 바꿔보자.

Cupertino

  • 쿠퍼티노는 단순히 iOS의 스타일언어 또는 디자인 언어의 이름이다.
    그래서 플러터 앱에서 쿠퍼티노를 읽을 때마다 iOS 스타일과 행동을 나타낸다.

  • 아래 코드는 Cupertino prepix를 갖는 수많은 객체 중 alert부분만 따로 떼서 사용했다.

  • 또한 Platform 이라는 객체에서 현재 사용자의 os를 확인하여 현재 os에 맞춰 어떠한 alert을 보낼 것인지 작성하였다.

  • 최종적으로 바뀐 모습이다. 이처럼 매우 간단하게 Platform 객체와 Cupertino라는 접두어가 붙은 객체를 사용하여 손쉽게 iOS에 맞게 최적화하였다.
profile
智(지)! 德(덕)! 體(체)!

0개의 댓글