์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- ๊ณต์๋ฌธ์
- Git
- useEffect
- ํ๊ธ
- OpenCV
- React
- ์ ํ๋ก๊ทธ์ธ๊ตฌํํ๊ธฐ
- Swift
- IOS
- ํ๊ณ
- Xcode
- Column
- Simulator
- ์ค๋ํดํ
- codelab
- Computer Vision
- UIKit
- vscode
- ์ค์ํํธ
- Flutter codelab
- SwiftUI
- C++
- Center
- family control
- FLUTTER
- Ai
- ํดํ
- dart
- git error
- ๋ค์ง
- Today
- Total
ram2 ๐
Padding class ๋ณธ๋ฌธ
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๊ฐ ๋๋ค.
'๐ง 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 |