고도고도
🍎🍏
고도고도
전체 방문자
7,127
오늘
0
어제
11
  • 분류 전체보기 (144)
    • 🔨 프로젝트 (0)
      • TP 1 (0)
      • WhiteHCCTV (0)
      • FootPrint (0)
    • 💻 개발 (38)
      • TIL (16)
      • Android (6)
      • Kotlin (4)
      • Flutter (5)
      • Node.js (5)
      • Error (2)
    • ✏️ 알고리즘 (6)
      • Graph (6)
      • String (0)
      • Sort (0)
    • ✍️ 코테 준비 (44)
      • Math (1)
      • Implementation (3)
      • String (3)
      • Brute Force (5)
      • Back Tracking (7)
      • Greedy (0)
      • Dynamic Programming (13)
      • Binary Search (1)
      • DFS, BFS (5)
      • Shortest Path (2)
      • Two Pointer (4)
      • MST (0)
    • 📚 CS (6)
      • Operating System (6)
    • ⛹️ 라이프 (50)
      • 2020 겨울방학 모칵코(팀) (13)
      • 2020 겨울방학 모각코(개인) (13)
      • 2021 여름방학 모칵코(팀) (8)
      • 2021 여름방학 모각코(개인) (7)
      • 코딩 테스트 (1)
      • 회고 (7)

블로그 메뉴

  • 홈
  • 깃허브

인기 글

  • [TIL] 22.03.13
    2022.03.13
    [TIL] 22.03.13
  • [문자열 / Kotlin] 2020 KAKAO⋯
    2022.03.11
    [문자열 / Kotlin] 2020 KAKAO⋯
  • [TIL] 22.03.20
    2022.03.20
    [TIL] 22.03.20
  • [퍼듀 일기] 어느덧 한 달째
    2022.03.01
    [퍼듀 일기] 어느덧 한 달째
  • [구현 / Kotlin] 2022 SK ICT F⋯
    2022.03.12
    [구현 / Kotlin] 2022 SK ICT F⋯

최근 글

  • [프로그래머스] 124 나라의 숫자
    2022.06.09
    [프로그래머스] 124 나라의 숫자
  • [LeetCode] 167. Two Sum II -⋯
    2022.06.09
    [LeetCode] 167. Two Sum II -⋯
  • [Android] 알림 클릭시 Activit⋯
    2022.06.08
    [Android] 알림 클릭시 Activit⋯
  • [Android] 백그라운드에서 소켓⋯
    2022.06.08
    [Android] 백그라운드에서 소켓⋯
  • [TIL] 22.06.03 - iOS 화면 전환
    2022.06.03
    [TIL] 22.06.03 - iOS 화면 전환

최근 댓글

  • 잘보고 갑니다~
    개갓세
  • 좋은 글이네요
    날인로세
  • 잘 보고 갑니다^^
    프로퍼티
hELLO · Designed By 정상우.
고도고도

🍎🍏

💻 개발/Flutter

1. Widget

2021. 7. 13. 09:58

플러터는 위젯으로 시작해서 위젯으로 끝난다.

 

플러터로 앱을 개발할 때 화면상에 보이는 모든 것(element들의 배치)과

padding, margin과 같은 보이지 않는 것들이 위젯이다.

 

출처 - https://www.didierboelens.com/2018/06/widget-state-context-inheritedwidget/

이러한 Widget간의 관계를 Widget Tree라고 한다.

Widget들은 부모와 자식의 관계를 갖는다.

 

MyApp의 자식으로 MaterialApp이 존재한다.

Material은 현재 안드로이드에 적용된 UI이다.

https://flutter.dev/docs/development/ui/widgets/material

 

Material Components widgets

 

flutter.dev

 

이와 대비되는 것은 Cuppertino, 현재 IOS에 적용된 UI이다.

https://flutter.dev/docs/development/ui/widgets/cupertino

 

Cupertino (iOS-style) widgets

 

flutter.dev

 

MaterialApp 아래에는 MyHomePage라는 위젯이 존재하는데 MyApp을 통해 실행되는 위젯으로

이 위젯부터 실제 어플의 디자인과 기능을 구현할 수 있다.

저작자표시비영리변경금지

'💻 개발 > Flutter' 카테고리의 다른 글

5. SingleChildScrollView, ListView  (0) 2021.08.18
4. Column, Row, Expanded  (0) 2021.08.18
3. Container, Padding  (0) 2021.08.18
2. Stateless, Stateful  (0) 2021.07.13
1. Widget  (0) 2021.07.13
    '💻 개발/Flutter' 카테고리의 다른 글
    • 5. SingleChildScrollView, ListView
    • 4. Column, Row, Expanded
    • 3. Container, Padding
    • 2. Stateless, Stateful
    고도고도
    고도고도
    좋아하는 것을 하자\n 스위프트 찍먹중
    댓글쓰기
    다음 글
    2. Stateless, Stateful
    • 이전
    • 1
    • 2
    • 3
    • 4
    • 5
    • 다음