[Flutter] Material vs Cupertino

Flutter는 Material Design과 Cupertino Design 모두를 지원합니다.

Material Design은 구글에서 지원하는 디자인 패키지로 Android 플랫폼에서 지원하는 대부분의 기본 UI 컴포넌트를 제공하며, Cupertino Design은 애플에서 지원한느 디자인 패키지로 iOS 플랫폼에서 지원하는 대부분의 기본 UI 컴퍼넌트를 제공합니다.

사용자에게 더나은 경험을 경험하게 해주려면 플랫폼에 맞는 UI를 지원해주는 것이 좋습니다.

 

Material Design을 사용하기 위해서는

1. material 라이브러리를 사용하기 위해 import 'package:flutter/material.dart'; 를 최상단에 추가해줍니다.

2. MaterialApp을 사용하여 UI를 구성합니다.

 

Cupertino Design을 사용하기 위해서는

1. material 라이브러리를 사용하기 위해 import 'package:flutter/cupertino.dart'; 를 최상단에 추가해줍니다.

2. CupertinoApp을 사용하여 UI를 구성합니다.

 

MaterialApp : Material Design을 사용할 수 있게 해주는 기본 클래스

CupertinoApp : Cupertino Design을 사용할 수 있게 해주는 기본 클래스

 

MaterialApp과 CupertinoApp은 각각 다양한 속성들을 갖고 있기때문에 이것들을 잘 이용하면 좋다.