유블로그

맨날 까먹어서 정리,.. 리액트 네이티브의 Image 컴포넌트의 default resize mode는 cover 이다. cover : 가로 세로 중 더 작은 부분이 100% 될 때까지 늘림 contain : 가로 세로 중 더 큰 부분이 100% 될 때까지 늘림 stretch : 가로 세로를 비율 따지지 않고 100% 채워버린다. center : contain과 비슷한데 중앙에 배치하는 듯.

앱 아이콘 바꾸기 romannurik.github.io/AndroidAssetStudio/icons-launcher.html#foreground.type=image&foreground.space.trim=1&foreground.space.pad=0.25&foreColor=rgba(96%2C%20125%2C%20139%2C%200)&backColor=rgb(255%2C%20255%2C%20255)&crop=0&backgroundShape=square& Android Asset Studio - Launcher icon generator romannurik.github.io 위 사이트에 원하는 이미지를 드래그 앤 드롭한 후 shape 를 선택하고 오른쪽 상단 버튼으로 다운 받으면 ic_launcher 폴더 안..

1. react-native-shake 설치 $ npm install react-native-shake --save www.npmjs.com/package/react-native-shake react-native-shake Detect shake event on Android and iOS www.npmjs.com 2. 첫 페이지 수정 나의 경우 앱 모든 곳에서든 shake 기능이 동작해야만 했다. Stack Navigation 을 사용했고, 로그인 페이지가 제일 앞에 있고 로그인 성공하면 MainPage 로 이동하는 형태였으므로 MainPage 에만 shake event 를 추가했다. import {Container} from 'native-base'; import React, {useEffect} f..

1. npm 으로 설치 $ npm i react-native-splash-screen --save www.npmjs.com/package/react-native-splash-screen react-native-splash-screen A splash screen for react-native, hide when application loaded ,it works on iOS and Android. www.npmjs.com 2. MainActivity.java 수정 package com.frontend; import com.facebook.react.ReactActivity; import android.os.Bundle;// 추가 import org.devio.rn.splashscreen.SplashScr..

폰트 설치는 아래 페이지를 따라 했다. 적용에서 헤맸지만.. 설치는 어렵지 않다. 폰트 적용은 아래로! mehrankhandev.medium.com/ultimate-guide-to-use-custom-fonts-in-react-native-77fcdf859cf4 Ultimate guide to use custom fonts in react native Adding custom fonts in react native project is very simple task with react-native link command but can be tricky if you are a new in react… mehrankhandev.medium.com 나는 안드로이드 앱 전용이라 ios 부분은 하지 않았다. ass..

Error: Activity class does not exist. 이상하게 에뮬레이터에서는 실행이 되는 프로젝트가 원래 테스트 잘 하던 실기기 연결을 하니 갑자기 안됐다. 이유는 내가 실기기에서 어플을 직접 지워서 그런 거였다. 실기기의 setting에 내부저장소에서 프로젝트어플을 완전히 지운 후 다시 실행하면 된다.

날짜 선택하는 창을 만드려고 www.npmjs.com/package/@react-native-community/datetimepicker @react-native-community/datetimepicker DateTimePicker component for React Native www.npmjs.com 위 라이브러리를 import 하여 사용했다. 그런데 locale 지정하는 게 없어서 한국식 날짜표기를 할 수 없었다.. 다른 라이브러리로 바꿔보고 뭔 짓을 해봐도 몇 시간째 안되서 하다가... 어떤 라이브러리는 그 기기에 따라 locale 이 지정된 다는 걸 보고.. 에뮬레이터가 영어로 되어있는 걸 알았다 그래서 에뮬레이터 setting > languages 에서 한국어로 바꾸어 실행했더니 이렇게 잘 ..

$ react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle $ react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/ 리액트 네이티브 프로젝트 폴더에서 위 명령어 차례로 입력 후 안드로이드 프로젝트에서 누르면 C:\프로젝트폴더\frontend\android\..