์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- flutter
- ontap
- drawer
- Snackbar
- ElevatedButton
- switch
- PushNamed
- InputDecoration
- Webflow
- FloatingActionButton
- scaffoldmessenger
- button
- icon
- Scaffold
- Routing
- dart
- slider
- navigator
- stateful
- POP
- AlertDialog
- textField
- vscode
- TextEditingController
- AppBar
- sizedbox
- GestureDetector
- figma
- list
- image
- Today
- Total
๋ชฉ๋กFloatingActionButton (4)
์ฌ๋ฐ๋๊ฑฐ๐

์ด๋ฒ ํฌ์คํ ์ FloatingActionButton์ ๋ฉ๋ชจํ๋ ค ํ๋ค. 2023.05.08 - [๊ฐ๋ฐํ๊ธฐ] - Flutter_14. Model, Class, List, Card, floatingActionButton Flutter_14. Model, Class, List, Card, floatingActionButton ์ค๋์ ์ ์ ๋ง๋ค๋ ์ฝ๋์ ์นด๋ ๋ฆฌ์คํธ ํ์ด์ง๋ฅผ ์ถ๊ฐํด๋ณด๋ คํ๋ค. ๐ฟ ์ฒดํฌ ํญ๋ชฉ 1) home.dart์์ appBar IconButton์ ํด๋ฆญํ๋ฉด, ์นด๋ ๋ฆฌ์คํธ ํ์ด์ง๋ก ์ด๋ํ๋ค. 2) ์นด๋ ๋ฆฌ์คํธ ํ์ด์ง๋ฅผ ๊ตฌํํ๋ค. 3) uraon.tistory.com https://api.flutter.dev/flutter/material/FloatingActionButton-class.html Fl..

์ค๋์ ์นด๋ ์์ธ ํ์ด์ง์์ FloatingActionButton์ ํด๋ฆญํ๋ฉด, "Play Image" ํ์ด์ง๋ก ์ด๋ํ๊ณ , ํด๋น ํ์ด์ง์์ Swtich์ Slider๋ฅผ ์ฌ์ฉํ ๊ธฐ๋ฅ์ ๋ณต์ตํด๋ณด๋ คํ๋ค. ์ค์์น์ ์ฌ๋ผ์ด๋ ๊ด๋ จ ๋ด์ฉ์ ์๋ ๋งํฌ ์ฐธ๊ณ :) 2023.05.06 - [๊ฐ๋ฐํ๊ธฐ] - Flutter_13. Stateful, Switch, setState, Button Flutter_13. Stateful, Switch, setState, Button ์ค์์น๋ ์ค์์น์ ๊ฐ์ ์๊ณ ์์ ์ ์ญ ๋ณ์๊ฐ ํ์ํ๋ค. ์์ธํ ์๊ฐ๋ ์๋ ๋งํฌ ์ฐธ๊ณ :) https://api.flutter.dev/flutter/material/Switch-class.html Switch class - material library ..

์ด๋ฒ์๋ ์นด๋ ๋ฆฌ์คํธ์์ ์นด๋๋ฅผ ํด๋ฆญํ๋ฉด, ์์ธ ํ์ด์ง๋ก ์ด๋ ํ๋ ๋ถ๋ถ์ ๋ง๋ค์ด ๋ณด๋ คํ๋ค. ์ ํํ ์นด๋์ ์ด๋ฏธ์ง, ํ์ดํ, ๋ด์ฉ ์ ๋ณด๋ฅผ ๊ทธ๋๋ก ์์ธ ํ์ด์ง์ ์ถ๋ ฅํด๋ณด์ :) ๊ฐ์ฒด๊ฐ ์๋ class static ๋ณ์ 1) message.dart ํ์ผ ์์ฑํ๊ณ , ์ฃผ๊ณ ๋ฐ์ ์ ๋ณด Static ์ ์ ๐ static ์ด๋? → ์ด๋์์๋ ์ฌ์ฉํ ์ ์์! ์ธ์คํด์ค์ ๊ท์๋์ง ์๊ณ , ํด๋์ค ํต์งธ๋ก ๊ท์์ด ๋๋๊ฒ. ํจ์ ๋๋ ๋ณ์๊ฐ ํต์งธ๋ก ํด๋์ค์ ๊ท์์ด ๋๋ ๊ฒ! 2) card_list.dart ํ์ผ์์, Card > onTap์ ๋ณด๋ด์ค ์ ๋ณด Message. ์ ์ ํ ์ ๋ณด ๋ด๊ธฐ! 3) card_detail.dart ํ์ผ์์, body์ Message. ์ ๋ณด๋ก ์ถ๋ ฅํ๊ธฐ! 4) ์ ์ฅํ๊ณ , ๋ชฉ๋ก ์์ธ ํ๋ฉด ์ด๋ ํ์ธ 5..

์ค๋์ ์ ์ ๋ง๋ค๋ ์ฝ๋์ ์นด๋ ๋ฆฌ์คํธ ํ์ด์ง๋ฅผ ์ถ๊ฐํด๋ณด๋ คํ๋ค. ๐ฟ ์ฒดํฌ ํญ๋ชฉ 1) home.dart์์ appBar IconButton์ ํด๋ฆญํ๋ฉด, ์นด๋ ๋ฆฌ์คํธ ํ์ด์ง๋ก ์ด๋ํ๋ค. 2) ์นด๋ ๋ฆฌ์คํธ ํ์ด์ง๋ฅผ ๊ตฌํํ๋ค. 3) ํ๋ฉด์ ๋ ์๋ ํ๋กํ ๋ฒํผ์ ๊ตฌํํ๋ค. ์ด์ ์ home.dart๋ฅผ ๋ง๋ค์ด Drawer๋ฅผ ๋ฃ๊ณ , appBar์ IconButton์ ์ถ๊ฐํ์๋ค. Drawer๋ ListView๋ก UserAccountsDrawerHeader์ ListTile๋ฅผ ์ ํ ํ๊ณ , ํ๋ฉ์ธ ํ๋ฉด(์ด๋ฏธ์ง ์ค์์ดํ)์ img_swipe.dart๋ผ๋ ๋ณ๋ ์ ๊ท ํ์ผ์, body ์ฝ๋๋ฅผ ํต์ผ๋ก ๋ถ๋ฆฌํ์๋ค. ์์ ์๊ฐ์ ๋ฐฐ์ด๊ฑฐ ๊ผผ๊ผผํ ๋ณต์ต์ค :) 2023.05.05 - [๊ฐ๋ฐํ๊ธฐ] - Flutter_11. Drawer, Li..