inblog logo
|
Gyeongwon's blog
    DartFlutter

    [Flutter #2] Flutter 기본 구조 완벽 이해: MaterialApp, CupertinoApp, Scaffold

    도경원's avatar
    도경원
    Sep 23, 2025
    [Flutter #2] Flutter 기본 구조 완벽 이해: MaterialApp, CupertinoApp, Scaffold
    Contents
    1. Material App vs CupertinoApp2. Scaffold3. MaterialApp 내부에 Scaffold

    1. Material App vs CupertinoApp

    플러터는 쿠퍼티노 디자인 혹은 메터리얼 디자인 둘 중 하나를 선택하여 그림을 그릴 수 있다. 두 개의 클래스 중 하나를 선택해야 한다.
    • MaterialApp은 Android 디자인이다.
    • CupertinoApp은 iOS 디자인이다.
    버튼을 하나 만들어도 무엇을 선택했는지에 따라 디자인이 달라지게 된다.

    2. Scaffold

    사용자에게 좋은 경험을 줄 수 있도록 플러터에서 개발자에 제공해주는 클래스가 바로 Scaffold이다.
    그래서 MaterialApp 내부를 Scaffold로 감싸야 한다. Scaffold로 감싸는 순간 휴대폰 화면에 구조가 만들어지고 쉽게 앱을 만들 수 있다.
    notion image

    3. MaterialApp 내부에 Scaffold

    notion image
    Share article
    Contents
    1. Material App vs CupertinoApp2. Scaffold3. MaterialApp 내부에 Scaffold

    Gyeongwon's blog

    RSS·Powered by Inblog