Padding class

2022. 7. 6. 00:50ยท๐Ÿ’ง flutter
728x90
๋ฐ˜์‘ํ˜•

Padding class

์ •ํ•ด์ง„ padding์— ๋งž์ถฐ child๋ฅผ ๋„ฃ๋Š” ์œ„์ ฏ์ด๋‹ค.

์œ„ ์‚ฌ์ง„์€ ๊ณต๊ฐ„์ด ์ „ํ˜€ ์—†์–ด ๋‹ต๋‹ตํ•ด ๋ณด์ด์ง€ ์•Š์€๊ฐ€?
๊ฐ๊ฐ์˜ ์‚ฌ๊ฐํ˜• ์‚ฌ์ด์— ๊ณต๊ฐ„์„ ์กฐ๊ธˆ ๋‘๋ฉด ์–ด๋–จ๊นŒ?

์ด๋ ‡๊ฒŒ ๊ณต๊ฐ„ ์ฆ‰ ์—ฌ๋ฐฑ์ด ํ•„์š”ํ•  ๋•Œ ์šฐ๋ฆฌ๋Š” padding ์œ„์ ฏ์„ ์‚ฌ์šฉํ•˜์—ฌ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋‹ค.
Padding ์œ„์ ฏ์„ ์‚ฌ์šฉํ•˜๋ฉด ๊ณต๊ฐ„์„ ๋งŒ๋“ค์–ด ๋ฐฐ์น˜ํ•  ์ˆ˜ ์žˆ๋‹ค.
๋‹ค์Œ์€ padding ์œ„์ ฏ์„ ์‚ฌ์šฉํ•˜์—ฌ ๊ณต๊ฐ„์„ ๋งŒ๋“  ๊ฒฐ๊ณผ์ด๋‹ค.



๊ทธ๋ ‡๋‹ค๋ฉด padding์€ ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉํ• ๊นŒ?

์ด๋ ‡๊ฒŒ ์–ด๋А ๋ถ€๋ถ„์— ์–ผ๋งˆ๋‚˜ ๊ณต๊ฐ„์„ ๋‘˜ ๊ฒƒ์ธ์ง€ ์ •ํ•˜๊ณ , padding์ด ์ ์šฉ๋  child๋ฅผ ๋„ฃ์–ด์ฃผ๋ฉด ๋œ๋‹ค.

padding์„ ์ฃผ๋Š” ๋ฐฉ๋ฒ•์€ ๋‹ค์–‘ํ•˜๋‹ค.
์ด๋Š” EdgeInsets์˜ ์ข…๋ฅ˜์— ๋”ฐ๋ผ ๋ฐฉ๋ฒ•์ด ๋‚˜๋‰œ๋‹ค.

1. EdgeInsets.fromLTRB()

LTRB๋Š” ์ˆœ์„œ๋Œ€๋กœ Left, Top, Right, Bottom์˜ ์•ž ๋ฌธ์ž๋ฅผ ๋”ฐ์˜จ ๊ฒƒ์ด๋‹ค.
EdgeInsets.fromLTRB๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์›ํ•˜๋Š” child์˜ ์™ผ์ชฝ, ์œ„, ์˜ค๋ฅธ์ชฝ, ์•„๋ž˜ ๊ฐ๊ฐ์˜ ์—ฌ๋ฐฑ ํฌ๊ธฐ๋ฅผ ๊ฒฐ์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.

์˜ˆ)


2. EdgeInsets.all()

๋ชจ๋“  ๋ถ€๋ถ„(์™ผ์ชฝ, ์˜ค๋ฅธ์ชฝ, ์œ„์ชฝ, ์•„๋ž˜์ชฝ)์— ๊ฐ™์€ ํฌ๊ธฐ์˜ ์—ฌ๋ฐฑ์„ ์ฃผ๋Š” ๊ฒƒ์ด๋‹ค.



3. EdgeInsets.only()

ํŠน์ • ๋ถ€๋ถ„์— ์ง€์ •ํ•œ ๊ฐ’์˜ ํฌ๊ธฐ๋งŒํผ ์—ฌ๋ฐฑ์„ ์ฃผ๋Š” ๊ฒƒ์ด๋‹ค.

์˜ˆ)

EdgeInsets.only(top: 30, bottom: 20)


์ด๋Ÿฐ์‹์œผ๋กœ left, top, bottom, right ์ค‘ ํŠน์ •ํ•œ ๋ถ€๋ถ„์— ๊ฐ๊ฐ ๋‹ค๋ฅธ ๊ฐ’์„ ์—ฌ๋ฐฑ์œผ๋กœ ์ค„ ์ˆ˜ ์žˆ๋‹ค.



4. EdgeInsets.symmetric()

์„ธ๋กœ์™€ ๊ฐ€๋กœ๋ฅผ ๊ธฐ์ค€์œผ๋กœ ์—ฌ๋ฐฑ ๊ฐ’์„ ์ œ์‹œํ•œ๋‹ค.


horizontal= ๊ฐ€๋กœ
vertical= ์„ธ๋กœ
์ด๋ ‡๊ฒŒ horizontal์— ๊ฐ’์„ ์ง€์ •ํ•˜๋ฉด ์™ผ์ชฝ๊ณผ ์˜ค๋ฅธ์ชฝ ์—ฌ๋ฐฑ์ด ์ •ํ•ด์ง€๊ณ ,
vertical์— ๊ฐ’์„ ์ง€์ •ํ•˜๋ฉด ์œ„์ชฝ๊ณผ ์•„๋ž˜์ชฝ ์—ฌ๋ฐฑ์ด ์ •ํ•ด์ง„๋‹ค.





5. EdgeInsets.fromSTEB

STEB๋Š” ์ˆœ์„œ๋Œ€๋กœ Start, Top, End, Bottom์˜ ์•ž ๋ฌธ์ž๋ฅผ ๋”ฐ์˜จ ๊ฒƒ์ด๋‹ค.
์ด๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์™ผ์ชฝ์ด start, ์˜ค๋ฅธ์ชฝ์ด end๊ฐ€ ๋œ๋‹ค.

728x90
๋ฐ˜์‘ํ˜•

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

flutter album ์ ‘๊ทผ  (0) 2022.07.08
[Flutter] no device  (0) 2022.07.08
[Flutter] Expanded class  (0) 2022.07.06
[Flutter] Transform class ์ •๋ฆฌ  (0) 2022.07.06
[Flutter] SizedOverflowBox class ์ •๋ฆฌ  (0) 2022.07.06
'๐Ÿ’ง flutter' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • flutter album ์ ‘๊ทผ
  • [Flutter] no device
  • [Flutter] Expanded class
  • [Flutter] Transform class ์ •๋ฆฌ
coram22
coram22
  • coram22
    ram2 ๐Ÿš—
    coram22
  • ์ „์ฒด
    ์˜ค๋Š˜
    ์–ด์ œ
    • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (79)
      • ๐Ÿ’ง flutter (22)
      • ๐ŸŽ iOS (18)
      • ๐Ÿฉต CosPro (4)
        • python 2๊ธ‰ (4)
      • ๐Ÿˆ‍โฌ› git (3)
      • ๐Ÿ–ฅ๏ธ react (6)
      • ๐Ÿพ OS (1)
      • ๐Ÿ›œ ์ปดํ“จํ„ฐ ๋„คํŠธ์›Œํฌ (6)
      • ๐ŸŒƒ computer vision (6)
      • ๐Ÿ“š ๋ฐฑ์ค€ (4)
      • ๐Ÿฃ My Story (1)
      • ๐Ÿ’ป else (8)
  • ๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

    • ๐Ÿˆโ€โฌ› github ๐Ÿˆโ€โฌ›
    • ํ™ˆ
    • ํƒœ๊ทธ
    • ๋ฐฉ๋ช…๋ก
  • ๋งํฌ

    • ๐Ÿฑ Github ๐Ÿฑ
  • ๊ณต์ง€์‚ฌํ•ญ

  • ์ธ๊ธฐ ๊ธ€

  • ํƒœ๊ทธ

    Python
    dart
    Flutter codelab
    ์ปด๋„ค
    OpenCV
    ๊ณต์‹๋ฌธ์„œ
    Computer Vision
    2๊ธ‰
    UIKit
    ์ •๋‹ต ๋ฐ ํ•ด์„ค
    ์˜ค๋ธ”์™„
    ํ‹ฐ์Šคํ† ๋ฆฌ์ฑŒ๋ฆฐ์ง€
    Xcode
    IOS
    SwiftUI
    Swift
    React
    Git
    ์ค‘๋„ํœดํ•™
    FLUTTER
  • ์ตœ๊ทผ ๋Œ“๊ธ€

  • ์ตœ๊ทผ ๊ธ€

  • hELLOยท Designed By์ •์ƒ์šฐ.v4.10.3
coram22
Padding class
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”