์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
Tags
- family control
- C++
- IOS
- UIKit
- ์ค๋ํดํ
- OpenCV
- Computer Vision
- Column
- ๊ณต์๋ฌธ์
- codelab
- ํดํ
- useEffect
- ํ๊ธ
- Swift
- SwiftUI
- vscode
- React
- dart
- ํ๊ณ
- FLUTTER
- ์ ํ๋ก๊ทธ์ธ๊ตฌํํ๊ธฐ
- Git
- Simulator
- Xcode
- Center
- Flutter codelab
- Ai
- ๋ค์ง
- ์ค์ํํธ
- git error
Archives
- Today
- Total
๋ชฉ๋กFractionallySizedBox class (1)
ram2 ๐
[Flutter] FractionallySizedBox class ์ ๋ฆฌ
FractionallySizedBox class FractionallySizedBox class๋ ์์ ๋ถ๋ชจ์ ์ฌ์ด์ฆ ๋น์จ์ ๋ง๊ฒ ๋ง๋๋ ๊ฒ์ด๋ค. ์ฆ ๋์์ธ์ ํฌ๊ธฐ๊ฐ ์๋์ ์ด์ด์ผ ํ ๋ ํฌ๊ธฐ๋ฅผ ์์ ๋ถ๋ชจ์ ์ฌ์ด์ฆ๋ฅผ ๋ฐํ์ผ๋ก ๋น์จ๋ก ํํํ๋ ๊ฒ์ด๋ค. example) FractionallySizedBox๋ฅผ ์ฌ์ฉํด์ ์์ ๋ถ๋ชจ์ ์ฌ์ด์ฆ ๋น์จ์ ์ง์ ํ์ฌ child์ ํฌ๊ธฐ๋ฅผ ์ ํ๊ณ ์๋ค. ์ฝ๋์์ 0.7์ 70%๋ฅผ ๋ํ๋ธ๋ค. ์ฆ ์์ ๋ถ๋ชจ ์ฌ์ด์ฆ์ 70%๋งํผ child๋ฅผ ๋ง๋ค๊ฒ ๋ค๋ ์๋ฏธ์ด๋ค. widthFactor์ฒ๋ผ heightFactor์ ์ฌ์ฉํ์ฌ ๋์ด์ ๋น์จ๋ ์ค์ ํ ์ ์๋ค. ์ด์ฒ๋ผ FractionallySizedBox class๋ ์์ ๋ถ๋ชจ์ ์ฌ์ด์ฆ ๋น์จ๋ก ํฌ๊ธฐ๋ฅผ ์ง์ ํ ๋ ์ฌ์ฉํ๋ค.
๐ง flutter
2022. 7. 6. 00:43