React-Native

React-Native
[React Native] iOS 빌드 세팅
https://reactnative.dev/docs/environment-setup Setting up the development environment · React Native This page will help you install and build your first React Native app. reactnative.dev react native 문서 내 iOS 세팅 중 이슈 1) sudo gem install cocoapods 시도 시, xcode-select: error: command line tools are already installed, use "Software Update" to install updates 문구 등장 시 해결방법 sudo rm -rf /Library/Develo..
→2022.01.18
React-Native
[React Native] Percentage width in Flatlist Item
FlatList 내에서 Item의 width를 Percentage로 정하기 FlatList 내의 item Style을 정해줄 때, width: '90%' 이런식으로는 적용되지 않는다. 아래와 같이, Screen의 Dimension을 구하여 * percent로 해주면 잘 적용된다! import { Dimensions } from "react-native" const ITEM_BOX: ViewStyle = { width: Dimensions.get('screen').width * 0.90, ... 중략 ... }
→2019.12.03
React-Native
[React Native] CSS 속성 정리 - 배치, 정렬
flexDirection column 해당 옵션이 설정된 자식뷰들을 세로로 배치 (default) row 해당 옵션이 설정된 자식뷰들을 가로로 배치 alignItems flexDirection이 column인지 row인지에 따라 가로 세로 기준이 바뀐다. flexDirection을 기준으로 수직한 형태로 정렬한다. 예를 들어, flexDirection: column 이라면, 가로로 나열하는 것이니 alignItems는 세로로 정렬하는 옵션이 된다. flex-start 가로 정렬 기준, 좌측(시작점) center 가로 정렬 기준 가운데 flex-end 가로 정렬 기준 우측 stretch flex-start 지점부터 flex-end 지점까지 늘림, 단, 이 때 정렬 방향 기준의 값을 정해두지 않아야 적용된다..
→2019.11.12
React-Native/Tutorial
[React Native] sublime text JSX 확장자 지원 방법
SublimeText 위의 메뉴에서, Preferences - Package Control - 누르면 나오는 창에서 Install Package 여기서 Babel과 Babel Snippet 을 다운받아준다. 이후 다시 위의 메뉴에서, View - Syntax - Open all with current extension as.. 여기서 Babel - Javascript (Babel)을 골라준다. 이후 다시 View - Syntax 에 가면 생겨있는 Babel을 골라주면 된다.
→2019.10.15

• 이전
• 1
• 다음