무럭무럭 자라는 다람트리 무럭무럭 자라는 다람트리

에러 ▼ 에러 발생한 이유 % npx react-native run-android 터미널에 위와같이 명령어를 쳤더니 아래와 같은 에러발생함 ▼ 에러문구 * What went wrong: Execution failed for task ':app:stripDebugDebugSymbols'. > No toolchains found in the NDK toolchains folder for ABI with prefix: arm-linux-androideabi 해결 방법 1. Android Studio를 연다 2. 상단탭에서 아래의 경로대로 찾아간다. 'Android Studio/ Settings/ Appearance & Behavior/ System Settings/ Android SDK/ SDK Tools 3..

▼ 샘플코드 const Test = () => { const [disabled, setDisabled] = useState(false); const onPress = () => { setDisabled(true); //버튼 프로세스 시작시, 버튼 비활성화 /* 버튼 프로세스 입력 await ... dispatch ... */ setDisabled(false); //버튼 프로세스 종료시, 버튼 활성화 }; return ( ..... 중복클릭 확인중 ..... ); }; export default Test; setDisabled라는 변수에 기본값으로 false를 담고, 버튼 클릭시 true로 바꾸고, 버튼의 프로세스가 완료되 후에 false로 다시 바꿔준다. 만일, 데이터를 받아오는시간차가 있거나 좀 더 시..

📚 라이브러리 명: react-native-safe-area-context [ 환경 ] - react-native-safe-area-context@3.4.1 - react-native@0.62.2 📍 에러 상황 기존에 운영하던 앱에서 notch, dynamic island에 가 반영이 안된다. 를 사용하였지만, safe area zone을 넘어가서 dynamic island에 가려진다. 코랄색: 반영 흰색: 반영. ui 활용가능 공간 import { Layout } from '@ui-kitten/components'; import React from 'react'; import { Text, } from 'react-native'; import { SafeAreaView } from 'react-navi..

페이스북에서 사진이 게시될 때의 레이아웃을 그대로 구현하고 싶었다. 페이스북처럼 1~6개이상일경우에 따라, 각각 다른 사진 레이아웃을 적용하고 싶었다. 그래서 라이브러리를 찾아보았는데, 마땅한 라이브러리를 찾지 못해 직접 구현했다. (혹시 라이브러리 아시는 분들은…. 알려주세여 ㅜㅜㅜ)📍 구현코드나중에 다시 쓸 수 있게 참고하기 위해 코드를 적어놨다… 나만 알아볼 수 있게찌 ….?;;; PictureViewer.js 파일에 ‘사진 레이아웃’을 구현하였다. ImageViewer 라이브러리를 활용하여, 클릭한 이미지를 전체화면으로 띄웠다. PicsLayout.js 파일을 만들어, 1~6개이상의 사진갯수마다의 레이아웃을 각각의 컴포넌트를 만들어 모아놨다. ▼ PictureViewer.jsimport Reac..

📍 라이브러리: "rn-fetch-blob": "^0.12.0" 라이브러리 정보: https://www.npmjs.com/package/rn-fetch-blob rn-fetch-blob A module provides upload, download, and files access API. Supports file stream read/write for process large files.. Latest version: 0.12.0, last published: 3 years ago. Start using rn-fetch-blob in your project by running `npm i rn-fetch-blob`. There are 1 www.npmjs.com 📍 android와 ios의 저장경로 co..

📍 태그: import { Image } from 'react-native' 태그 컴포넌트 정보: https://reactnative.dev/docs/image#onlayout Image · React Native A React component for displaying different types of images, including network images, static resources, temporary local images, and images from local disk, such as the camera roll. reactnative.dev 📍 에러상황 이미지가 없는 경우, 이미지 경로를 찾아가도 이미지를 못 찾는 경우에 alert 알림 기능 작업을 하려고 한다. 이미지 경로에 이미지..

📍 라이브러리: "rn-fetch-blob": "^0.12.0" 라이브러리 정보: https://www.npmjs.com/package/rn-fetch-blob rn-fetch-blob A module provides upload, download, and files access API. Supports file stream read/write for process large files.. Latest version: 0.12.0, last published: 3 years ago. Start using rn-fetch-blob in your project by running `npm i rn-fetch-blob`. There are 1 www.npmjs.com 📍 에러상황 에러 발생한 상황 아래의 게시..

📍 라이브러리: "rn-fetch-blob": "^0.12.0" 라이브러리 정보: https://www.npmjs.com/package/rn-fetch-blob rn-fetch-blob A module provides upload, download, and files access API. Supports file stream read/write for process large files.. Latest version: 0.12.0, last published: 3 years ago. Start using rn-fetch-blob in your project by running `npm i rn-fetch-blob`. There are 1 www.npmjs.com 📍 '다운로드'버튼 클릭시, 사진을 아이폰..