[RN] hitSlop

클릭에 대한 영역을 강제로 늘려주는 속성 hitSlop={{ top: 10, left: 10, right: 10, bottom: 10 }} 영역, 클릭, 버튼

  • format_list_bulleted React 개발연습 막쓰기
  • · 2020. 8. 27.
  • textsms

RN ios, android 디바이스별 폰트 설정 관련

안드로이드에서 fontweight가 있으면 설정이 ios만 되고 fontFamily 가 적용이 안된다. 그래서 그런경우엔 보통import { Platform, StyleSheet } from 'react-native'; fontWeight: Platform.OS === 'android' ? 'normal' : 'bold' 이렇게 처리한다. 다른 예로 import { Platform, StyleSheet } from 'react-native'; const styles = StyleSheet.create({ height: Platform.OS === 'ios' ? 200 : 100 });

  • format_list_bulleted React 개발연습 막쓰기
  • · 2020. 8. 26.
  • textsms

RN 애러

bundling failed: Error: Unable to resolve module `@react-native-community/toolbar-android` from `node_modules/react-native-vector-icons/lib/toolbar-android.js`: @react-native-community/toolbar-android could not be found within the project. https://www.npmjs.com/package/@react-native-community/toolbar-android 참고

  • format_list_bulleted React 개발연습 막쓰기
  • · 2020. 8. 25.
  • textsms

map

import React from 'react'; const index = [1,2,3,4,5]; const obj = { // 배열을 만들어서 넣어주고 map을 돌려야 동작된다. name : 'sub', age : 40, }; const data = [obj]; const MyComponent = (props) => { return ( { index.map ( item => { // item 은 [1,2,3,4,5] 을 가르킨다. return ( 리액트 { item } ) }) } { data.map ( obj => { return ( { obj.name } { obj.age } ) }) } ); }; export default MyComponent;

  • format_list_bulleted React 개발연습 막쓰기
  • · 2020. 8. 3.
  • textsms

리액트 네이티브 헤더 옵션관련

https://reactnavigation.org/docs/stack-navigator

  • format_list_bulleted 개발연습막쓰기
  • · 2020. 7. 27.
  • textsms

기존 프로젝트 git repository 업로드

>> git init>> git add .>> git commit -m "first commit">> git remote add origin .git>> git push origin master >> git id/password 입력

  • format_list_bulleted 개발연습 막쓰기
  • · 2020. 7. 26.
  • textsms