React-Native 12

[ReactNative] Stack Screen gesture를 비활성화 하는 두가지 방법

초기 Stack Screen에 옵션 속성에 gestureEnabled : false 로 줘서 gesture를 비활성화 하거나 useEffect(() => { navigation.setOptions({ gestureEnabled: false }) }, []) 특정페이지에서 useEffect를 사용해 해당 페이지만 gesture를 비활성화 할수있다. 잘못된 정보가 있거나 부족한부분이 있으면 댓글남겨주세요. 태클은 언제나 환영입니다. :)

React-Native 2023.04.26

[ReactNative] navigation.goBack() 2번 / 한번의 프레스 이벤트로 두 화면 뒤로 이동 하는법

한번의 프레스 이벤트로 navigation.goBack()을 여러번 작동시키고 싶을시 navigation.pop(n); 을 사용하면 된다. navigation.goBack() 을 두번 사용하고 싶다면 navigation.pop(2) 을 사용하면 된다. 참조: https://reactnavigation.org/docs/stack-actions#pop React Navigation reactnavigation.org 잘못된 정보가 있거나 부족한 부분이 있으면 댓글 남겨주세요 태클은 언제나 환영입니다 :)

React-Native 2023.04.16

react-native-image-crop-picker, ImagePicker 안드로이드(android)에서 Cannot find image data 해결하는법

ImagePicker.openPicker({ width: 300, height: 400, cropping: true, }).then(image => { console.log(image); }).catch(e => console.log('error', e)); 안드로이드에서 해당 ImagePicker를 동작할때, gif 또는 webp,heic 고효율 이미지일때 아래와 같은 에러가 발생했다. Cannot find image data at Object.promiseMethodWrapper [as openPicker] (NativeModules.js:103) at HomeScreen.loadImageGallery (homescreen.js:107) at Object.onPress (homescreen.js:75..

React-Native 2023.02.25

[ReactNative] 배포시 console.log 없애기

yarn add -D babel-plugin-transform-remove-console​ 또는 npm i babel-plugin-transform-remove-console --save-dev babel-plugin-transform-remove-console 을 설치해준다. 그리고 babel.config.js 에 있는 env.production 에 module.exports = function () { return { // ... other project config such as presets and plugins env: { production: { plugins: ['transform-remove-console'] } } }; }; 이렇게 추가해준다. 그럼 배포시 console은 삭제된다. 잘못..

React-Native 2023.01.14

[ReactNative] crypto-js를 이용한 AES ECB 모드 암호화 및 복호화 하기

리액트 네이티브에서 crypto-js를 이용해 AES ECB모드 암호화 및 복호화를 해보려고 한다. https://www.npmjs.com/package/crypto-js crypto-js JavaScript library of crypto standards.. Latest version: 4.1.1, last published: a year ago. Start using crypto-js in your project by running `npm i crypto-js`. There are 8647 other projects in the npm registry using crypto-js. www.npmjs.com crypto-js 라이브러리 3.3.0 버전보다 높으면 react native 환경에서 잘 ..

React-Native 2022.12.11

command phasescriptexecution failed with a nonzero exit code

xcode 빌드시 해당 command phasescriptexecution failed with a nonzero exit code 메세지가 뜬다면 보통 permission denied 문제 때문이거나, homebrew로 설치된 node 경로를 찾지못해 일어난 문제였다. 터미널을 열어, ln -s /opt/homebrew/opt/노드버전/bin/node /usr/local/bin/node 이렇게 심볼릭 링크를 해주어 해결하였다. 또는 permission denied일때 에러 로그에 나와있는대로 해당 권한이 없는 파일을 찾아, chmod +x 파일명.sh 이렇게 해결해주었다. 보통 노드가 설치된 폴더에 권한이 없다고 뜨는경우도 있는데, chmod -R 777 노드폴더 이렇게 하고 해결하였다. 잘못된 정보가..

React-Native 2022.12.04