React Native 는 Flex Box를 사용하여 화면의 위치나 비율을 조정하게 되는데 

아래의 예제는 container가 전체 flexbox 1로 설정 되어있고 그 안에 redView와 yellowView에도 flexbox 가 1로 지정 되어있다.

그러면 container의 1 에서 0.5:0.5 로 비율이 유동적으로 설정된다. 기본값은 세로로 되어있지만 가로로도 바꿀수있다.

추후에 flex box에 대해서만 따로 정리하여 올리겠습니다.



'Front-End > react-native' 카테고리의 다른 글

ReactNative(1)  (0) 2018.02.20

React를 시작하게된 이유


작년에 개인적으로 하이드리브 웹 어플리케이션을 만들어 보자고 하여, 대학교 선배의 추천으로 초보자가 하기에는 AngularJS 를 활용하여 만든 ionic을 추천 해주었다. 


프로그래밍 언어는 java 7 프로그래밍과 android 을 한 경험으로 웹도 금방 배울것이라 생각하여 개발 을 시작하였다.


Angular2를 시작하기 앞서 책도 사고 차근차근 시작하려고 하였지만, 버전이 급상승으로 Angular3 로 올라가게되었고 , 그후에도 계속 공부를 하게되면 예전꺼를 


공부하는 느낌이어서 Angaulr 의 기초 만 공부만 하고,  업데이트의 큰 폭이 없는 React로 공부하기로 마음 먹었다.


하지만 시작한지 2개월 째되서 감을 익혀나 갈 때 쯤 Redux 에 대한 공부를 시작하는 도중 취업을 하게 되어 , 회사 관련 업무를 공부를 하다보니 개인적인 프로젝트


를 하지 못했다.


회사 업무시간 이외에 퇴근하고 개인 프로젝트와 자기 개발을 위해서 다시 React 를 공부하는게 좋을 것 같아서 , 그날그날 배운것을 블로그에 정리하려고한다.


 

'Front-End > react-native' 카테고리의 다른 글

ReactNative(Clone Coding)-FlexBox  (0) 2018.02.26

+ Recent posts