Search
Duplicate

UI

MaterialApp

Material Design์„ ๊ธฐ๋ฐ˜์œผ๋กœ ์„ค๊ณ„๋œ, ํ”Œ๋Ÿฌํ„ฐ์—์„œ ์ œ๊ณตํ•˜๋Š” ์ตœ์ƒ์œ„ ์œ„์ ฏ
์•ฑ์˜ ๊ธฐ๋ณธ ์„ค์ •๊ณผ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋ฉฐ, ์•ฑ์˜ ์ „์ฒด์ ์ธ ๋””์ž์ธ์„ ๊ด€๋ฆฌํ•ฉ๋‹ˆ๋‹ค.

๊ธฐ๋ณธ ์„ค์ •

โ€ข
์ œ๋ชฉ:ย ์•ฑ์˜ ์ œ๋ชฉ์„ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค.
โ€ข
ํ…Œ๋งˆ:ย ์•ฑ์˜ ์ „์ฒด์ ์ธ ๋””์ž์ธ์„ ๊ด€๋ฆฌํ•ฉ๋‹ˆ๋‹ค.
MaterialApp

Scalffold

๊ธฐ๋ณธ์ ์ธ ์•ฑ์˜ ํ™”๋ฉด ๊ตฌ์„ฑ ์š”์†Œ ๋‹ด๋Š” ์ปจํ…Œ์ด๋„ˆ ์œ„์ ฏ

Scalffold ๊ตฌ์„ฑ์š”์†Œ

โ€ข
AppBar
โ€ข
Body
Scaffold

BottomNavigationBar

โ€ข
BottomNavigationBar ์˜ˆ์‹œ ์ฝ”๋“œ
โ€ข
๊ณตํ†ต ์œ„์ ฏ์œผ๋กœ ์ •์˜ํ•˜๊ธฐ
BottomNavigationBar

Button

Flutter์—์„œ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ๋ฒ„ํŠผ ์œ„์ ฏ์„ ์ •๋ฆฌํ•ด๋ดค์–ด์š”!
โ€ข
Flutter ๋ฒ„ํŠผ ์œ„์ ฏ ์ข…๋ฅ˜
โ€ข
๊ฐ ๋ฒ„ํŠผ๋ณ„ ์ฝ”๋“œ ์˜ˆ์ œ
โ—ฆ
1. ElevatedButton (์ž…์ฒด ๋ฒ„ํŠผ)
โ—ฆ
2. TextButton (ํ…์ŠคํŠธ ๋ฒ„ํŠผ)
โ—ฆ
3. OutlinedButton (์™ธ๊ณฝ์„  ๋ฒ„ํŠผ)
โ—ฆ
4. IconButton (์•„์ด์ฝ˜ ๋ฒ„ํŠผ)
โ—ฆ
5. FloatingActionButton (FAB)
โ—ฆ
6. PopupMenuButton (ํŒ์—… ๋ฉ”๋‰ด ๋ฒ„ํŠผ)
โ—ฆ
7. DropdownButton (๋“œ๋กญ๋‹ค์šด ๋ฒ„ํŠผ)
โ—ฆ
8. InkWell (์ปค์Šคํ…€ ํ„ฐ์น˜ ๋ฒ„ํŠผ)
โ—ฆ
9. GestureDetector (๋ชจ๋“  ํ„ฐ์น˜ ์ด๋ฒคํŠธ ๊ฐ์ง€)
โ€ข
์ปค์Šคํ…€ ๋ฒ„ํŠผ ์ •์˜ํ•˜๊ธฐ
Button
Dismissible