React ์๋ฆฌ์ฆ๐/React Native๋ก ๋ ์จ์ฑ ๋ง๋ค๊ธฐ
โ๏ธReact Native๋ก ๋ ์จ์ฑ ๋ง๋ค๊ธฐ-์์ฃผ ๊ฐ๋จํ native ์ ๋ฆฌโ๏ธ
@ENFJ
2021. 8. 17. 13:07
1. ๋ฆฌ์ํธ ๋ค์ดํฐ๋ธ์์ ๋ชจ๋ flex box์ ๋ํดํธ๋ flexDirection์ด ์ปฌ๋ผ(column)=(์ด--ํ๋ ฌ ํ ๋ ์ด)์ด๋ค.
๊ทธ๋ฌ๋๊น ํ ์คํธ๋ฅผ ์ถ๊ฐ ํ ๋๋ง๋ค. ์์ค์ด ์๋ ๋ฐ๋ก ๋ค์ ์ค๋ก ๋์ด ๊ฐ๋ค๋ ๋ป.
* ์๋์ฌ์ง ์ฐธ๊ณ
๋ฌผ๋ก ๋ฐ๊พธ๊ณ ์ถ๋ค๋ฉด ๋ฐ๊พธ์ด ์ค ์ ์๋ค.
2. ์น์ฌ์ดํธ์์ ๋ชจ๋ flex ๋ฐ์ค์ ๋ํดํธ๋ ๋ก์ฐ(row) ์ด ์ด๋ค.
3. ๋ฆฌ์ํธ๋ค์ดํฐ๋ธ์ <view> ๋ ์น์์ <div> ๊ฐ์ ๊ฑฐ๋ผ๊ณ ๋ณด๋ฉด ๋๋ค.
4. flex:1 ์ ๋ชจ๋ ๊ณต๊ฐ ์ฌ์ฉ๊ฐ๋ฅํ๋ค๋ ๊ฒ ์๋ฏธํจ.