๋ฐ์ํ
component์ height์ width๋ ํ๋ฉด์์ ํฌ๊ธฐ๋ฅผ ๊ฒฐ์ ํ๋ค.
Fixed Dimensions
ํฌ๊ธฐ๋ฅผ ์ค์ ํ๋ ๊ฐ์ฅ ์ฌํํ ๋ฐฉ๋ฒ์ ๊ณ ์ ๋ width์ height๋ฅผ style์ ์ถ๊ฐ ํ๋ ๊ฒ์ด๋ค. React Native์์ ๋ชจ๋ ํฌ๊ธฐ๋ ๋จ์๊ฐ ์๊ณ , density-independent pixels(๋ฐ๋๋ ๋ฆฝํ์?)์ ๋ํ๋ธ๋ค.
์ด ๋ฐฉ๋ฒ์ผ๋ก ํฌ๊ธฐ๋ฅผ ์ค์ ํ๋ ๊ฒ์, screen ํฌ๊ธฐ์ ์๊ด์์ด ํญ์ ์ ํํ ๋์ผํ ํฌ๊ธฐ๋ฅผ ๊ทธ๋ ค์ผ ํ๋ component์ ์ผ๋ฐ์ ์ผ๋ก ์ฐ์ธ๋ค.
Flex Dimensions
A component can only expand to fill available space if its parent has dimensions greater than 0. If a parent does not have either a fixed width and height or flex, the parent will have dimensions of 0 and the flex children will not be visible.
๋ฐ์ํ
'Mobile > React Native' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[React Native] Style (0) | 2019.09.23 |
---|---|
[React Native] State (0) | 2019.09.23 |
[React Native] Props (0) | 2019.09.20 |
[React Native] Learn the Basics (0) | 2019.09.20 |
Expo, Create React Native App (0) | 2019.09.14 |