react native – Could not initialize class org.codehaus.groovy.runtime.InvokerHelper

react-native에서 android로 프로젝트를 실행하려는데 아래와 같은 오류가 발생했다. Could not initialize class org.codehaus.groovy.runtime.InvokerHelper 다음 링크를 통해 문제를 해결했다. https://stackoverflow.com/questions/35000729/android-studio-could-not-initialize-class-org-codehaus-groovy-runtime-invokerhel react-native로 생성한 프로젝트의 다음 파일을 수정한다. android/gradle/wrapper/gradle-wrapper.properties distributionBase=GRADLE_USER_HOME distributionPath=wrapper/dists distributionUrl=https\://services.gradle.org/distributions/gradle-6.3-all.zip zipStoreBase=GRADLE_USER_HOME…

0 Comments

React Native 안드로이드 앱 데이터 로딩 문제

안드로이드 데이터 Fetch 에러 안드로이드 API 28 버전 부터 생긴 문제다. React Native를 이용해서 Android 앱을 만들었는데 React Native와 연결된 상태에서는 에뮬레이터에서 앱이 정상 실행됐는데 안드로이드 스튜디오에서 개발한 앱을 단독…

0 Comments

React Native Admob 광고 띄우기

테스트 ID Admob 테스트 시 시뮬레이터에서 광고를 띄우려고 하면 광고가 노출되지 않는 걸 알 수 있다. 테스트 용도로는 테스트 ID 사용하도록 되어 있다. Always test with test ads When building…

0 Comments

React Native 개발 자료 모음

React Native Tutorial 따라하기 – Getting StartedReact Native Tutorial 따라하기 – PropsReact Native Tutorial 따라하기 – stateReact Native Tutorial 따라하기 – StyleReact Native Tutorial 따라하기 – Height and WidthReact Native…

0 Comments

React Native FlatList Example using XML Request

XML 데이터를 웹에서 요청하여 해당 데이터를 FlatList로 표현하는 예제를 수행해보자. 본 글은 다음 링크에 있는 포스트를 참고했다. 프로젝트 생성 react-native 명령을 이용해 프로젝트를 생성하고 필요한 패키지를 설치한다. $ react-native init…

0 Comments

react-native-maps 사용 시 supportLibVersion 에러 해결

react-native-maps를 사용하려는데 패키지 인스톨만 했는데도 다음과 같은 에러가 발생했다. FAILURE: Build failed with an exception. * Where: Build file '/Users/victor/010_dev/gMap/node_modules/react-native-maps/lib/android/build.gradle' line: 20 * What went wrong: A problem occurred evaluating…

0 Comments

React Native Tutorial 따라하기 – Height and Width

Component의 Height과 Width를 설정하기 위한 방법으로는 두 가지가 있다. 하나는 Fixed Dimensions이고 다른 하나는 Flex Dimensions이다. Fixed Dimensions Fixed는 우리가 기존에 pixel 값을 사용하던 것과 유사하다. 다음은 예제이다. import React,…

0 Comments

React Native Tutorial 따라하기 – Style

CSS를 사용하듯이 React Native에서도 유사하게 Style을 지정하는 것이 가능하다. 대부분의 style name이 CSS와 유사하다. 다만, CSS에서는 style name을 background-color와 같이 표현하면, React Native는 backgroundColor와 같이 표현한다. 다음은 Style 적용 예제다.…

0 Comments

React Native Tutorial 따라하기 – state

Component에는 props 말고도 state라는 데이터가 있다. state의 변수는 setState를 호출해서 변경 가능하다. 다음은 1초 마다 텍스트를 출력했다가 출력하지 않는 blink 형태로 화면을 구성하는 예제이다. import React, { Component } from…

1 Comment