inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

저만 나오는 오류인지 모르겠으나, Android 빌드 실패 관련 기록남겨드립니다.

해결된 질문

370

Jong1

작성한 질문수 2

1

npx react-native run-android를 진행할 떄, Android APK를 빌드하면서 react-native-reanimatedDevMenuUtils클래스에서 문제가 발생하는것 같아요.

해당 Java파일에서 호출하는 패키지의 문제로 보입니당.

package.json은 아래와 같이 설정되어 있습니다.


  "dependencies": {
    "@react-native-masked-view/masked-view": "^0.3.1",
    "@react-navigation/drawer": "^6.6.15",
    "@react-navigation/native": "^6.1.17",
    "@react-navigation/stack": "^6.3.29",
    "react": "18.2.0",
    "react-native": "0.72.6",
    "react-native-gesture-handler": "^2.17.1",
    "react-native-reanimated": "^3.12.1",
    "react-native-safe-area-context": "^4.10.7",
    "react-native-screens": "^3.32.0"
  },

node_module의 패키지를 직접 수정하는 방법이라 좋은것은 아닌 걸로 보이나, 실행해보는게 더 중요한것 같아서용~

원본DevMenuUtils Class

package com.swmansion.reanimated;

public class DevMenuUtils {

    private void addDevMenuOption(ReactApplicationContext context, DevOptionHandler handler) {
    // In Expo, `ApplicationContext` is not an instance of `ReactApplication`
    if (context.getApplicationContext() instanceof ReactApplication) {
      final DevSupportManager devSupportManager =
          ((ReactApplication) context.getApplicationContext())
              .getReactNativeHost()
              .getReactInstanceManager()
              .getDevSupportManager();

      devSupportManager.addCustomDevOption(
          "Toggle slow animations (Reanimated)", handler);
    }
  }
}

변경한 DevMenuUtils Class

package com.swmansion.reanimated;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.ReactApplication;
import com.facebook.react.devsupport.interfaces.DevOptionHandler;
import com.facebook.react.devsupport.interfaces.DevSupportManager;

public class DevMenuUtils {

    public static void addDevMenuOption(ReactApplicationContext context, DevOptionHandler handler) {
        // In Expo, `ApplicationContext` is not an instance of `ReactApplication`
        if (context.getApplicationContext() instanceof ReactApplication) {
            final DevSupportManager devSupportManager =
                ((ReactApplication) context.getApplicationContext())
                    .getReactNativeHost()
                    .getReactInstanceManager()
                    .getDevSupportManager();

            devSupportManager.addCustomDevOption(
                "Toggle slow animations (Reanimated)", handler);
        }
    }
}

참고한 이슈 : https://github.com/software-mansion/react-native-reanimated/issues/6076

react-native typescript nestjs react-query zustand

답변 1

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.

제공해주신 정보에는 맞지 않는 내용이지만, Android 빌드 실패 및 react-native-reanimated 관련 문제 해결을 위해서는 패키지 버전 호환성을 확인하고, 필요에 따라서 지정된 GitHub 이슈 페이지나 공식 문서를 참고하는 것이 좋습니다. 문제가 발생한 DevMenuUtils 클래스의 수정은 임시적인 해결책일 수 있으나, 이 방법이 최선의 해결책은 아닐 수 있습니다. 가능한 공식 문서와 커뮤니티를 통해 호환성 문제나 알려진 버그에 대한 해결 방법을 찾으시기 바랍니다. 또한 react-native-reanimated와 같은 주요 라이브러리의 업데이트 내역을 주기적으로 확인하여 안정적인 버전을 사용하는 것이 중요합니다.

react-native-screens 버전 호환 문제

2

153

1

안드로이드 실행 중 Drawer네비게이션과 MapView 성능 문제

0

103

2

해당 강의 부분은 실제 활용하기에 부족해 제가 해결한 방법입니다.

0

96

1

소스코드가 강의 순서랑 다른가요?

0

72

2

현재 Windows에서 VsCode로 작업 중인데 추후에 IOS도 가능하게 하려면

0

115

2

react-native-fast-image는 react 19 버전에서 설치가 안되나요?

0

209

2

SQL Shell의 역할이 무엇인가요?

0

91

1

혹시 해당 강의에서invalidateQueries를 사용한 이유가 있을까요?

0

79

2

빠르게 실행해보고싶습니다.

0

83

1

강의 수강 순서 관련

0

71

1

애뮬레이터 실행 방법

0

100

2

무료 Apple ID로 실기기 테스트 가능한가요?

0

90

2

ios 실기기 연결

0

70

2

npm run ios에러

0

74

1

10월 삭제 예정인 강의는 이유를 알 수 있을까요?

0

101

1

캘린더 개발 후에 navigation 에 대해서 궁금한 점이 있습니다.

0

51

1

안드로이드 위치 권한 이슈 2가지 문의

0

71

1

지도가 보이려면 음.. 작성해주신 스타일과 다르게

0

74

0

제대로 설치한거같은데 안드로이드랑 ios 둘다 앱실행이 안되는것같아요

0

83

3

강의 내용을 보면 전체적으로 function 함수 키워드를 사용하시는데

0

69

2

강의 3-9 에서 useGetRefreshToken 훅 안에 즉시 함수로 처리하는 이유가 궁금합니다!

0

82

2

사내에서 figma.com 업로드 안되나요?

0

96

1

AWS EC2 + RDS 설정

0

85

2

안드로이드 안켜집니다.

0

91

2