ram2 ๐Ÿš—

[Flutter] IntrinsicWidth class ์ •๋ฆฌ ๋ณธ๋ฌธ

๐Ÿ’ง flutter

[Flutter] IntrinsicWidth class ์ •๋ฆฌ

coram22 2022. 7. 6. 00:45
728x90
๋ฐ˜์‘ํ˜•

IntrinsicWidth class

๋ฐ”๋กœ ์ด์ „์— IntrinsicHeight class์— ๋Œ€ํ•ด ๋‹ค๋ฃจ์—ˆ๋‹ค.
height๊ฐ€ ์žˆ์œผ๋‹ˆ width๋„ ์กด์žฌํ•œ๋‹ค.

IntrinsicHeight class์™€ ๊ฑฐ์˜ ๋น„์Šทํ•œ ๋‚ด์šฉ์ด๋‹ค.
์œ„ ์„ค๋ช…์—์„œ height๋ฅผ width๋กœ ๋ฐ”๊ฟ”์„œ ์ดํ•ดํ•˜๋ฉด ๋œ๋‹ค.


์ด ์œ„์ ฏ์€ ๋„ˆ๋น„๊ฐ€ ์ œํ•œ๋˜์ง€ ์•Š๊ณ  ๋ฌดํ•œ ํ™•์žฅ์„ ์‹œ๋„ํ•˜๋Š” child๋ฅผ ํ•„์š”๋กœ ํ•  ๋•Œ ์œ ์šฉํ•˜๋‹ค.

์ด ์œ„์ ฏ์ด child์—๊ฒŒ ์ „๋‹ฌํ•˜๋Š” constraints๋Š” ๋ถ€๋ชจ์˜ constraints๋ฅผ ์ง€ํ‚ค๊ธฐ ๋•Œ๋ฌธ์— ๋งŒ์•ฝ constraints๊ฐ€ child์˜ ์ตœ๋Œ€ ๊ณ ์œ  ๋†’์ด๋ฅผ ํฌํ•จํ•  ๋งŒํผ ์ถฉ๋ถ„ํžˆ ํฌ์ง€ ์•Š์œผ๋ฉด ๋น„๊ต์  ๋‚ฎ์€ ๋†’์ด๋ฅผ ๊ฐ€์ง€๊ฒŒ ๋œ๋‹ค. ๋ฐ˜๋Œ€๋กœ, ์ตœ์†Œ ๋†’์ด constraints๊ฐ€ child์˜ ์ตœ๋Œ€ ๊ณ ์œ  ๋†’์ด๋ณด๋‹ค ํฌ๋ฉด ๋น„๊ต์  ๋” ๋งŽ์€ ๋†’์ด๊ฐ€ ์ง€์ •๋œ๋‹ค.

  • ๋ถ€๋ชจ์˜ constraints < child์˜ ๊ณ ์œ  ๋„ˆ๋น„
    ๋‚ฎ์€ ๋„ˆ๋น„๋ฅผ ๊ฐ€์ง€๊ฒŒ ๋œ๋‹ค.
  • ๋ถ€๋ชจ์˜ constraints > child์˜ ๊ณ ์œ  ๋„ˆ๋น„
    ๋†’์€ ๋„ˆ๋น„๋ฅผ ๊ฐ€์ง€๊ฒŒ ๋œ๋‹ค.

์ฆ‰, child๋Š” ๋ถ€๋ชจ์˜ constraints๋ฅผ ๋”ฐ๋ฅด๋Š”๋ฐ, ์ด ๋•Œ ๋ถ€๋ชจ์˜ constraints์™€ child์˜ ๊ณ ์œ  ๋„ˆ๋น„ ์‚ฌ์ด์˜ ๊ด€๊ณ„์— ๋Œ€ํ•œ ๊ฒƒ์ด๋‹ค.

์ด class ๋˜ํ•œ ๊ฐ€๋Šฅํ•œ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์„ ์ถ”์ฒœํ•œ๋‹ค.

<์‚ฌ์šฉ ํ›„>

(์‚ฌ์ง„์ถœ์ฒ˜: https://bsscco.github.io/posts/flutter-layout-widgets/)

728x90
๋ฐ˜์‘ํ˜•

'๐Ÿ’ง flutter' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[Flutter] Offstage class ์ •๋ฆฌ  (0) 2022.07.06
[Flutter] LimitedBox class ์ •๋ฆฌ  (0) 2022.07.06
[Flutter] IntrinsicHeight class ์ •๋ฆฌ  (0) 2022.07.06
[Flutter] FractionallySizedBox class ์ •๋ฆฌ  (0) 2022.07.06
[Flutter] FittedBox Class ์ •๋ฆฌ  (0) 2022.07.06