IOS (14) 썸네일형 리스트형 [ React Native ] 네이버 지도 연동하기 사용할 라이브러리 https://github.com/QuadFlask/react-native-naver-map GitHub - QuadFlask/react-native-naver-map: 🗺️naver map for react-native 🗺️naver map for react-native. Contribute to QuadFlask/react-native-naver-map development by creating an account on GitHub. github.com 1. 사전 설정 네이버 지도를 사용하기 위해 클라이언트 ID 발급 부분 참고 1) 안드로이드 https://navermaps.github.io/android-map-sdk/guide-ko/1.html 2) iOS https://nav.. [ 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 정수범위 지정 랜덤 함수 만들기 1. Math 함수 사용 Math.random() : 0~1 의 부동소수점 난수를 생성하는 함수 Math.floor() : 소수점 1번째 자리를 버림하여 정수를 리턴하는 함수 2. 정수 범위 지정 랜덤 함수 min [ 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 ] 앱 아이콘 넣기 사용환경 Xcode 14.2 사용 iOS 1:1 비율 (정사각형) 아이콘 이미지 작업이 먼저 되어야 합니다. 사이즈별로 이미지가 필요 Xcode로 프로젝트 폴더안에 images 를 클릭해보면 위 사이즈에 맞는 이미지를 제작해야함 요새는 인터넷에 이미지 하나 올리면 자동 생성해주는 사이트가 많으니 검색해서 찾아봐도 됩니다. Android 빨간색 테두리 안에 파일들을 바꿔줘야 하는데 최근 안드로이드 폰에서 앱 아이콘이 라운드로 된것들이 많다고 하네요 저는 아이폰 유저라 잘은 모르지만 5개 폴더 안에 사이즈별로 ic_launcher_round.png ic_luancher.png 을 생성해서 넣어주면 아이콘 셋팅 완료! 아이콘 생성 방법은 밑에 웹사이트 참고하셔서 만드시면 좋을꺼 같아요 각각 사이즈 hdpi :.. [ React Native ] 앱 이름 바꾸기 앱 이름 변경은 간단합니다. Android 1. app.json 에서 displayname을 수정 2. string.xml 에서 app_name을 수정 - path : android/app/src/main/res/values/string.xml app name iOS xCode에서 General탭 > Identity > Display Name을 바꿔주면 끝! 안되면 Info.plist 에서 Bundle display name을 수정 후 재 빌드하면 적용 됩니다. [ React Native ] 업데이트 팝업 만들기, 버전관리 0. 팝업 만들기 2023.01.26 - [React-native] - [ React Native ] 재사용 가능 팝업 ( reusable popup ) 모달 만들기 [ React Native ] 재사용 가능 팝업 ( reusable popup ) 모달 만들기 0. 참고사항 - 저는 스타일드컴포넌트를 사용하다 보니 이것을 사용하지 않는다면 stylesheet로 스타일을 지정하지 않습니다. - theme 파일을 따로 만들어서 사용하다 보니 코드 그대로 사용하기 어 ican-do.tistory.com 저는 로그인 하기 전에 버젼 체크를 해서 스플레시 이미지가 띄워진 상태에서 업데이트 팝업을 띄우도록 하려고 합니다 :) 1. package.json 파일에서 버젼 가져오기 import packageJson fr.. 이전 1 2 다음
