๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

Mobile/React Native

[React Native] Height and Width

๋ฐ˜์‘ํ˜•

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