๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿ“ฑ|APP DEV/Flutter

[Flutter] Flutter์—์„œ ๋กœ์ปฌ ์ด๋ฏธ์ง€ ๋„ฃ๊ธฐ (VSCode)

by KASSID 2023. 1. 23.

๋ชฉ์ฐจ

    728x90

    Flutter์—์„œ ์ด๋ฏธ์ง€ ๋„ฃ๋Š” ๋ฒ•!

     

    1. assets ํด๋”์™€ ๊ทธ ํ•˜์œ„ ํด๋” images๋ฅผ ์ƒ์„ฑํ•œ๋‹ค.

    2. ํ•ด๋‹น ํด๋”์— ์ด๋ฏธ์ง€ ํŒŒ์ผ์„ ์‚ฝ์ž…ํ•œ๋‹ค.

    3. pubspec.yaml ํŒŒ์ผ์„ ์ˆ˜์ •ํ•œ๋‹ค.

    4. flutter pub get ๋ช…๋ น์–ด ์ž…๋ ฅ

    Vscode์—์„œ๋Š” yaml ํŒŒ์ผ ์ €์žฅ ์‹œ ์œ„ ๋ช…๋ น์–ด๊ฐ€ ์ž๋™์œผ๋กœ ์‹คํ–‰์ด ๋œ๋‹ค.

     

    5. dartํŒŒ์ผ์˜ image์œ„์ ฏ ํ™œ์šฉ

    image.asset("์ด๋ฏธ์ง€ ๊ฒฝ๋กœ")

    ์ด๋ฏธ์ง€ ๊ฒฝ๋กœ๋ฅผ ์ž…๋ ฅํ•˜๋ฉด ํ•ด๋‹น ํŒŒ์ผ์„ ๋ถˆ๋Ÿฌ์˜ฌ ์ˆ˜ ์žˆ๋‹ค.

     


    ์ธํ„ฐ๋„ท์˜ ๊ทธ๋ฆผํŒŒ์ผ์„ ์ ์šฉํ•  ๊ฒฝ์šฐ

    Image.network("๊ฒฝ๋กœ")

    ๋Œ“๊ธ€