Notice
Recent Posts
Recent Comments
Link
ยซ   2024/05   ยป
์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ† 
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
Archives
Today
Total
๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋ชฉ๋กflutter/์ˆœํ•œ๋ง›(๊ธฐ์ดˆ) (18)

lgvv98

[flutter] 23๊ฐ• | Navigator ์™€ pushName ๋ฉ”์†Œ๋“œ ์ดํ•ดํ•˜๊ธฐ

โœ… ์ด๋ฒˆ ์‹œ๊ฐ„์—๋Š” ๋ฐฐ์šด๊ฒŒ ๋งŽ์€ ์‹œ๊ฐ„์ด์—ˆ๋‹ค. ํŠนํžˆ๋‚˜ ์˜คํƒ€๋กœ ์Šฌ๋ž˜์‹œ๋ž‘ ์—ญ์Šฌ๋ž˜์‹œ ์˜คํƒ€๋กœ ์ธํ•ด์„œ ํ•œ์ฐธ์„ ํ—ค๋งค์—ˆ๋Š”๋ฐ ์ฐฌ์ฐฌํžˆ ์‚ดํŽด๋ณด๋„๋ก ํ•˜์ž. ๋˜ํ•œ ํŒŒ์ผ์„ ๋“œ๋””์–ด ๋‚˜๋ˆ„์–ด์„œ ์ž‘์—…ํ–ˆ๋Š”๋ฐ ์ด ๋ถ€๋ถ„๋„ ๋ˆˆ์—ฌ๊ฒจ๋ณผ ๋ถ€๋ถ„์ด๋‹ค. ํŒŒ์ผ์„ ๋‚˜๋ˆ„๋ฉด import๋ฅผ ๋˜๋‹ค์‹œ ํ•ด์ฃผ์–ด์•ผํ•œ๋‹ค. ๐Ÿ’ก ์ƒ๊ฐํ•  ์  import๊ฐ€ ๋„ˆ๋ฌด ๋งŽ์œผ๋ฉด ๊ด€๋ฆฌ๊ฐ€ ๋ถˆํŽธํ•˜๋‹ˆ๊นŒ ํ—ค๋”ํŒŒ์ผ ์ฒ˜๋Ÿผ ๋ชจ์„ ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ๋Š”์ง€ ์•Œ์•„๋ณด๊ธฐ โœ… ์ฝ”๋“œ ๋ฆฌ๋ทฐ - main.dart // main.dart import 'package:flutter/material.dart'; // ๋ฐ์Šคํฌํƒ‘, ์•ฑ ๋“ฑ์— ๊ณ ๋ฃจ UI๋ฅผ ์ ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ๋Š” ๊ตฌ๊ธ€์ด ์ œ๊ณตํ•ด์ฃผ๋Š” ํŒจํ‚ค import 'package:untitled/ScreenA.dart'; import 'ScreenB.dart'; import 'Scre..

[flutter] 22๊ฐ• | Navigator ์ดํ•ดํ•˜๊ธฐ

โœ… ์ด๋ฒˆ์‹œ๊ฐ„์—๋Š” ๋„ค๋น„๊ฒŒ์ดํ„ฐ๋ฅผ ์ด์šฉํ•ด ํ™”๋ฉด ์ „ํ™˜ํ•˜๊ธฐ + ์ปจํ…์ŠคํŠธ์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณผ ์˜ˆ์ •์ด์•ผ โœ… Navigator ๋ฐ ํฌ์ŠคํŒ…์˜ ์ˆœ์„œ 1. Route์˜ ๊ฐœ๋… - ์Šค๋งˆํŠธํฐ์—์„œ ๋ณด์—ฌ์ง€๋Š” ํ•˜๋‚˜์˜ ํŽ˜์ด์ง€ ํ™”๋ฉด ! 2. Navigator์˜ ์ •์˜์™€ push, pop ํ•จ์ˆ˜, stack ์ž๋ฃŒ๊ตฌ์กฐ - stack ( FILO ) - push ๋ฐ์ดํ„ฐ๋ฅผ ๋„ฃ๊ธฐ - pop ๋ฐ์ดํ„ฐ๋ฅผ ๋นผ๊ธฐ - Route(ํŽ˜์ด์ง€) ๋Š” Navigator๋ผ๋Š” ์œ„์ ฏ์ด ๋‹ด๋‹นํ•˜๊ณ  ๊ทธ ๊ตฌ์กฐ๋Š” ์Šคํƒ ๊ตฌ์กฐ์ด๋‹ค. 3. MaterialPageRoute์œ„์ ฏ๊ณผ context - ํ™”๋ฉด์ „ํ™˜ํ•  ๋•Œ, ๋ฐ”๋กœ class ์ž…๋ ฅํ•ด์„œ ์ด๋™ํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ํ™”๋ฉด์„ ์ง€์ •ํ•ด์ฃผ๋ฉด์„œ ์ด๋™ํ•œ๋‹ค. 4. ํŽ˜์ด์ง€ ์ด๋™ ๊ธฐ๋Šฅ ๊ตฌํ˜„ ์™„์„ฑ โœ… ์ฝ”๋“œ ๋ฆฌ๋ทฐ import 'package:flutter/material.d..

[flutter] 20๊ฐ• | ์ปจํ…Œ์ด๋„ˆ ์œ„์ ฏ (container widget) ๋˜์งš์–ด ๋ณด๊ธฐ.

โœ… ๋“œ๋””์–ด ์—ฌ๊ธฐ๋ถ€ํ„ฐ๋Š” ์ˆœํ•œ๋ง›์„ ๋ฒ—์–ด๋‚˜ ์กฐ๊ธˆ ๋งค์šด๋ง› ๊ฐ•์ขŒ์ด๋‹ค ใ…Ž..ใ…Ž ๋ฌด๋ฃŒ ๊ฐ•์ขŒ์ธ๋ฐ ์ง„์งœ ์ด๋ ‡๊ฒŒ ์ข‹์„ ์ˆ˜๊ฐ€ ์—†์Œ... ์œ ํŠœ๋ธŒ ์ฝ”๋”ฉ์‰ํ”„๋‹˜ ๊ฐ•์ขŒ๋ฅผ ๋ฌดํ•œํžˆ ์ถ”์ฒœํ•œ๋‹ค. โœ… ์ด๋ฒˆ์‹œ๊ฐ„๋ถ€ํ„ฐ๋Š” ์ปจํ…Œ์ด๋„ˆ ์œ„์ ฏ์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณผ ์˜ˆ์ •์ธ๋ฐ, ์ฐจ๊ทผ์ฐจ๊ทผ ๋ด๋ณด์ž. ์šฐ์„  ํ”Œ๋Ÿฌํ„ฐ ๊ณต์‹ ํ™ˆํŽ˜์ด์ง€ ๊ฐ€์„œ ๋ ˆ์ด์•„์›ƒ ์œ„์ ฏ์„ ํ™•์ธํ•˜๋Š” ๊ฒƒ๋„ ์ข‹์€ ๋ฐฉ๋ฒ•์ด๊ฒ ์ง€? https://flutter-ko.dev/docs/development/ui/widgets/layout#Single-child%20layout%20widgets Layout widgets flutter-ko.dev ํ”Œ๋Ÿฌํ„ฐ์˜ ์ปจํ…Œ์ด๋„ˆ์˜ ๊ณต์‹ ๋ฌธ์„œ๋ฅผ ๋ณด๋ฉด "Containers with no children try to be as big as possible" childern์ด ์—†์„๊ฒฝ์šฐ ์ปจํ…Œ์ด๋„ˆ๊ฐ€ ..

[flutter] 19๊ฐ• | ๋นŒ๋” ์œ„์ ฏ ์—†์ด ์Šค๋‚ต๋ฐ” ๋งŒ๋“ค๊ธฐ ๋ฐ ํ† ์ŠคํŠธ ๋ฉ”์‹œ์ง€

โœ… ์ด๋ฒˆ ์‹œ๊ฐ„์—๋Š” ์Šค๋‚ต๋ฐ”์™€ ํ† ์ŠคํŠธ ๋ฉ”์‹œ์ง€์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด์ž. ์Šค๋‚ต๋ฐ”์˜ ๊ฒฝ์šฐ์—๋Š” ํŒจ์น˜๊ฐ•์˜์—์„œ ๋ณด์•˜๋‹ค. ๊ทธ๋ž˜์„œ ScaffoldMessenger๋ฅผ ์ด์šฉํ•ด์„œ ์Šค์Šค๋กœ ๊ฐ•์˜์˜ ์˜ค๋ฅ˜๋ฅผ ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ์—ˆ์–ด ๊ฐ•์˜์—์„œ๋Š” 2๊ฐœ๋กœ ๋‚˜๋ˆ ์„œ ๊ฐ•์˜๋ฅผ ์ง„ํ–‰ํ•˜๋Š”๋ฐ ScaffoldMessenger์™€ Toast๋ฉ”์‹œ์ง€๋กœ ๋‚˜๋ˆ ์–ด์„œ ๋ฐœํ‘œํ•œ๋‹ค. ํŠนํžˆ, ํ† ์ŠคํŠธ ๋ฉ”์‹œ์ง€ ์ชฝ์—์„œ error๊ฐ€ ์žˆ์—ˆ์–ด์„œ error ํ•ด๊ฒฐํ•˜๋Š” ๊ฒƒ๊นŒ์ง€ ์ ์–ด๋‘์—ˆ์œผ๋‹ˆ ๊ผญ ๋ณด๊ธฐ โœ… ScaffoldMessenger ์‚ฌ์šฉํ•˜๊ธฐ import 'package:flutter/material.dart'; // ๋ฐ์Šคํฌํƒ‘, ์•ฑ ๋“ฑ์— ๊ณ ๋ฃจ UI๋ฅผ ์ ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ๋Š” ๊ตฌ๊ธ€์ด ์ œ๊ณตํ•ด์ฃผ๋Š” ํŒจํ‚ค void main() => runApp(MyApp()); class MyApp extends Stateless..