본문 바로가기

React-native

 (21)
[ React Native ] App Splash 스크린 https://github.com/crazycodeboy/react-native-splash-screen GitHub - crazycodeboy/react-native-splash-screen: A splash screen for react-native, hide when application loaded ,it works on iO A splash screen for react-native, hide when application loaded ,it works on iOS and Android. - GitHub - crazycodeboy/react-native-splash-screen: A splash screen for react-native, hide when applicat... github.co..
[ React Native ] 다크모드 자동적용 해제 iOS info.plist에 다음과 같이 추가 UIUserInterfaceStyle Light Android android > app > src > main > res > values > styles.xml 에서 AppTheme에 해당하는 style 부분을 수정 // 기본적으로 Light 모드 => Light.NoActionBar
[ React Native ] javascript 반복문 for문 for 문 for(초기식; 조건식; 증감식) { 조건에 맞으면 반복할 코드 } 예시) useEffect(()=>{ for (let i = 1; i > 결과 1 2 3 4 5 6 7 8 9
[ React Native ] javascript 정수범위 지정 랜덤 함수 만들기 1. Math 함수 사용 Math.random() : 0~1 의 부동소수점 난수를 생성하는 함수 Math.floor() : 소수점 1번째 자리를 버림하여 정수를 리턴하는 함수 2. 정수 범위 지정 랜덤 함수 min
[ React Native ] 뒤로가기 버튼 비활성화 BackHandler 사용하기 import {BackHandler} from 'react-native'; const handlePressBack = () => { return true; }; useEffect(() => { BackHandler.addEventListener('hardwareBackPress', handlePressBack); return () => { BackHandler.removeEventListener('hardwareBackPress', handlePressBack); }; }, [handlePressBack]); hardwareBackPress의 이벤트 함수에는 boolean 리턴 값을 주어야 합니다. true 를 리턴하면 바로 종료 false를 리턴하면 다른 상위 컴포넌트에서..
[ React Native ] 문자열 자르기 javascript문법 split() 1. split() : 구분자로 문자열 분리하여 배열로 리턴 인자로 splitter(구분자)와 limit을 받습니다. string.split(splitter, limit); splitter : 문자열을 분리할 구분자 limit : 리턴할 문자열 개수(생략가능) 예) const str = 'Hello, World, Javascript'; console.log(str.split(',', 0));// [] console.log(str.split(',', 1));// [ 'Hello'] console.log(str.split(',', 2)); // [ 'Hello', ' World' ] console.log(str.split(',', 3)); // [ 'Hello', ' World', ' Javascript' ..
[ React Native ] AppState foreground, background 상태 알기 참고문서 https://reactnative.dev/docs/appstate.html AppState · React Native AppState can tell you if the app is in the foreground or background, and notify you when the state changes. reactnative.dev 코드 import React, {useRef, useEffect} from 'react'; import {AppState, View} from 'react-native'; const TestContainer = () => { const appState = useRef(AppState.currentState); const handleAppStateChange =..
[ React Native ] 서버에서 데이터를 가져와야 하는데 통신이 안되서 배포하자마자 먹통이 되었던.. - android Network Request Failed Error 해결 처음에 앱배포가 되고 기쁜 마음으로 앱을 실행했지만 스플래쉬 화면에서 넘어가질 않는.. 문제가 생겼죠 그래서 확인해보니 API 28버전부터는 안드로이드에서 보안상의 문제로 http통신이 안되는 것이었습니다. 백엔드라고 하죠 서버와 연동하는 앱이라면 이 설정을 해주고 앱 배포를 해야 제대로 앱이 작동합니다. AndroidManifest.xml 에서 application에 다음 태그 추가 android:usesCleartextTraffic="true" 이것으로 간단히 해결됩니다 ..ㅎ 배포하자 마자 업데이트 하는일이 없도록 확인하세요..

티스토리툴바