[React Native] Android의 match_parent와 같은 기능을 위한 팁

flexbox를 통해 flex:1 등을 통해 크기 변화를 줄 경우

flexDirection의 방향으로 길어지기 때문에,

세로 방향으로 배열된 뷰의 경우 가로 방향으로 match_parent를 하기 어렵다.

 

또한, Dimensions.get(‘window’).width를 통해 뷰의 크기를 조절할 수도 있지만,

팝업창 등 parent view의 크기가 스크린 크기와 다른 경우 이 또한 무용지물이 된다.

 

따라서 이 경우 styleSheet내에 alignSelf: “stretch” 라고 주면 아래 New Info와 같이 flexDirection의 수직 방향으로도 match_parent를 할 수 있다.

 

 

 

혹은 child의 style에서 width나  height에 “100%”와 같이 %값을 줄 수도 있다.