AssetThumb

    Flutter / multi_image_picker Asset์„ Image๋กœ ๋ณด์ด๊ฒŒ ํ•˜๊ธฐ

    Flutter์—์„œ ์‚ฌ์ง„์„ ๋‹ค๋ฃฐ๋•Œ ๋ณดํ†ต image_picker, multi_image_picker๋ฅผ ๋งŽ์ด ํ™œ์šฉํ•˜์‹ค ํ…๋ฐ์š”. image_picker๋Š” ๊ทธ๋ƒฅ File์„ ๋ฐ˜ํ™˜ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์‰ฝ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ multi_image_picker๋Š” Asset์œผ๋กœ ๋ฐ˜ํ™˜ํ•ด์„œ ๋‹ค๋ฃจ๊ธฐ ๊นŒ๋‹ค๋กœ์šด ๋ถ€๋ถ„์ด ์žˆ์Šต๋‹ˆ๋‹ค. ํŠนํžˆ Asset์„ ์ด๋ฏธ์ง€๋กœ ๋ณด์—ฌ์ค˜์•ผ ํ• ๋•Œ AssetThumb๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์‚ฌ์ง„์ด ๊นจ์ ธ์„œ ๋‚˜์˜ค๊ธฐ ๋•Œ๋ฌธ์— ๊ณค๋ž€ํ•œ ๊ฒฝ์šฐ๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ์ด๋Ÿด๋•Œ Image.memory()๋ฅผ ํ™œ์šฉํ•˜์—ฌ ํ€„๋ฆฌํ‹ฐ ๋†’์€ ์‚ฌ์ง„์„ ๋ณด์—ฌ์ค„ ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด์„œ ๋งํ•ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์•Œ๊ณ ๋ฆฌ์ฆ˜์€ ๊ฐ„๋‹จํ•ฉ๋‹ˆ๋‹ค. 1. initState์—์„œ Asset.file.getByteData(quality : x)๋ฅผ await์œผ๋กœ ํ˜ธ์ถœํ•ด์„œ ByteData๋ฅผ ์ €์žฅํ•œ๋‹ค. 2. setSta..