[React Native] React Native로 날씨앱 만들기 (5) - flex Layout
React Native의 레이아웃에 대한 규칙을 알아보자. 위와 같이 를 하나 더 추가해보니 바로 밑에 붙었다. 웹 사이트 같았으면 오른쪽에 붙었을텐데 왜 밑에 붙는거지? => React Native에서 모든 flex box의 디폴트는 flexDirection이 column이기 때문이다. (웹 사이트의 디폴트는 row) 모바일 폰은 대개 위아래로 길기때문이기도 함. 옆에 붙이고 싶다면 flexDirection : "row"를 쓰면 된다. flexDirection : "row" container 는 부모이고 flex:1 은 모든 공간을 사용할 수 있다는것을 의미한다. yellowView와 blueView 는 부모인 container에 속해있다. flex: 1 이라서 전부를 차지하고 싶지만 둘이라서 반씩 나..
React Native
2021. 4. 25. 21:50
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 그리디
- 우선순위큐
- 자바
- SWEA
- 시뮬레이션
- react native
- map
- 리액트
- 다익스트라
- java
- DFS
- 현꾸라지
- g4
- 백트래킹
- 코딩새내기
- 리액트 네이티브
- S3
- laugh4mile
- 객체지향
- BFS
- 백준
- 문자열
- Spring
- 알고리즘
- G5
- PriorityQueue
- S2
- 구현
- Spring Boot
- react
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 | 31 |
글 보관함