목록react (12)
바르고 뜨겁게
FlatList에 데이터가 많이 담기면 에러 로그도 없이 IOS 앱이 죽는 현상이 있음.(안드로이드는 문제 없음) FlatList 내에 아래 코드를 추가하면 해결 됨.
[IOS ERROR] Bundle Idenfifier 변경시 linker command failed with exit code 1 에러 IOS 에서 Bundle ID 변경시 빌드 중 inker command failed with exit code 1 에러가 발생된다. https://stackoverflow.com/questions/55109983/react-native-maps-call-api-request-when-onregionchange 몇가지 해결책이 있는데 Build Settings > Build Options > Enable Bitcode : No 로 변경시 해결이 가능하다. 방법 2상단 프로젝트 클릭New Scheme 선택새로운 스킴을 만들어서 해당 스킴에서 실행 방법 3xCode 에서 ne..
React Native - IOS UIWebView Deprecated 해결 방법 20.05.01 기준으로 프로젝트에 UIWebView 포함시 IOS Appstore Connect 에 앱을 업로드하게 되면 아래 메시지가 출력되며 앱이 업로드 되지 않는다. ITMS-90809: Deprecated API Usage - New apps that use UIWebView are no longer accepted. Instead, use WKWebView for improved security and reliability. Learn more (https://developer.apple.com/documentation/uikit/uiwebview). 이 때 살펴봐야될 부분들을 정리해보습니다. webview를 의..
프로젝트 생성모듈용 템플릿 도구 create-react-native-module 설치npm install -g react-native-cli yarn npm install -g create-react-native-module 프로젝트 생성create-react-native-module --prefix RN --package-identifier [ 패키지 식별자 ] --generate-example [ 프로젝트 이름 ]--prefix : 라이브러리 접두사--package-identifier : 안드로이드 패키지 식별자 (ex : com.righthot)--view : 매우 간단한 기본 뷰 구성 요소로 모듈 생성 (미 입력시 기본 모듈형태 프로젝트 생성)--generate-example : 예제 프로젝트를 ..
React Native - Facebook Audience 광고 적용하기 (react-native-fbads)https://github.com/callstack/react-native-fbads#installation1. Facebook SDK 설치 https://github.com/facebook/react-native-fbsdk페이스북 로그인을 적용했다면, 건너뛰어도 됩니다.2. Facebook Audience 설치패키지 설치 및 링크 yarn add react-native-fbads react-native link react-native-fbads네이티브 프로젝트에 추가IOSiOS/Podfile pod 'FBAudienceNetwork', '~> 5.1.0' pod installANDROIDMain..
React native [Object object] 출력 및 값 확인서버 통신 처리를 하다보면 프론트에서는 서버 값을 로그로 확인한다.보통 JSON.stringify(object) 혹은 String(object) 형태로 값 확인이 가능하지만...Type 이 정확하지 않을 경우 Type Error 를 발생 시킨다.그럴 땐 아래 방법으로 key를 구한 뒤 JSON.stringify(object.key) 혹은 String(object.key) 로 확인하면 된다. for (var key in object) { console.log("key: " + key + " / " + object[key]) }
ReactNative - Lottie 사용시 ErrorVSCode 에서 IOS 빌드시 다음과 같은 에러가 난다The following build commands failed: Ld build/[프로젝트명]/Build/Products/Debug-iphoneos/[프로젝트명].app/PlugIns/[프로젝트명]Tests.xctest/[프로젝트명]Tests normal arm64 --- 해결 방법 xCode의 [프로젝트 명] 폴더에 File.swift 를 생성한다.react-naitve start 를 하지 않은 상태에서 xCode 에서 run --- 문제점react-naitve start 를 하지 않은 상태에서 xCode 에서 run 을 했을시 정상 동작한다. - 만약 react-native start 후 x..
리액트는 array에 값을 추가할 때 push 를 사용하면 안된다.array에 push를 하는경우 state의 변경을 리액트가 알지 못하기 때문 const array = []; array.push(1)array === array : true 이기 때문에 리액트가 감지 하지 못한다.따라서 아래처럼 사용해줘야한다 const array2 = [...array, 2]array === array2 : false
react native [ERROR] Signing for "[ project name ]" requires a development team. Select a development team in the Signing & Capabilities editor.Code signing is required for product type 'Unit Test Bundle' in SDK 'iOS 13.1' 해결 방법1. Build Settings - Signing - Code Signing IDentity 하위 항목을 모두 IOS Developer 로 바꿔준다.2. Xcode → Product → Clean3. Xcode 재시작
https://github.com/facebook/react-native/issues/26619#issuecomment-536191518https://github.com/facebook/react-native/issues/26299 IOS 13 버전에 다크모드가 추가되면서 디폴트 TEXT 컬러가 흰색으로 바껴서 밝은 배경에선 보이지 않는다거나,StatusBar 아이콘이 흰색으로 바껴서 보이지 않는 등의 문제점들이 발생따라서, 다크모드를 사용 하지 않기 위해선 react native 코드를 아래처럼 수정 Light-mode 강제적용appDelegate.m if (@available(iOS 13.0, *)) { rootView.overrideUserInterfaceStyle = UIUserInterfaceS..