본문 바로가기
300x250

APP/React-Native8

[React-Native] 안드로이드에서 백버튼 클릭 시 종료 팝업 출력하는 소스 안드로이드에서 백버튼 클릭 시 종료 팝업 출력 뒤로 가기 버튼 클릭 시 종료 팝업 출력되도록 하는 소스 입니다. import React, { useEffect } from "react"; import { Text, View,BackHandler, Alert } from "react-native"; const App = () => { useEffect(() => { const backAction = () => { Alert.alert("앱 종료", "앱을 종료하시겠습니까?", [ { text: "취소", onPress: () => null, style: "cancel" }, { text: "확인", onPress: () => BackHandler.exitApp() } ]); return true; }; c.. 2022. 1. 25.
[React-Native] React-native 앱 아이콘 만들기 React-native 앱 아이콘 만들기 React Native Make라는 라이브러리를 사용하여 앱 아이콘을 적용하는 방법 입니다. 1. 라이브러리 설치 npm i -D @bam.tech/react-native-make 2. 앱 아이콘 생성 이미지를 가지고 https://appicon.co 이 사이트에서 아이콘을 생성합니다. 3. 명령어 실행 프로젝트 안에 폴더를 생성하고 해당 경로에 아이콘을 복사한 후에 아래 명령어를 입력합니다. react-native set-icon --path ./src/Assets/Images/splash.png 2022. 1. 25.
[React-Native] Plugin with id 'maven' not found. 해결 방법 Plugin with id 'maven' not found. 해결 방법 리액트 네이티브 앱 빌드 시 Plugin with id 'maven' not found 문구가 출력되며 빌드가 안되는 상황이 발생하였습니다. 찾아보니 Gradle 버전으로 인한 문제였습니다. 해결방법을 남겨둡니다. Gradle 버전 변경 Gradle 버전이 7로 변경되어서 발생되는 문제인데 gradle/wrapper/gradle-wrapper.properties 파일에서 gradle 버전을 6으로 변경합니다. distributionUrl=https\://services.gradle.org/distributions/gradle-7.2-all.zip 을 아래와 같이 변경합니다. distributionUrl=https\://services.. 2022. 1. 24.
[React-Native] React-native 캡처 방지 방법 React-native 캡처 방지 방법 앱 사용자들에게 캡처를 못하도록 못하는 방법 입니다. 일부 앱을 사용하다 보면 캡처 자체가 불가능한 경우가 있는데 그와 비슷하게 캡처를 못하게 하는 방법입니다. react-native-screen-capture-secure 라이브러리 설치 react-native-screen-capture-secure 라이브러리를 설치 합니다. 아래의 커맨드를 입력 후 설치 진행하면 됩니다. npm install react-native-screen-capture-secure --save 적용방법 app.js에 아래와 같이 코드를 작성합니다. import ScreenCaptureSecure from 'react-native-screen-capture-secure'; ScreenCapt.. 2022. 1. 23.
300x250