인프런 커뮤니티 질문&답변

양규헌님의 프로필 이미지
양규헌

작성한 질문수

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

메인 화면 구현 - 3

react-native Carousel

작성

·

1.1K

·

수정됨

0

다른 수강생분들에게도 문제 해결에 도움을 줄 수 있도록 좋은 질문을 남겨봅시다 :)
1. 질문은 문제 상황을 최대한 표현해주세요.

2. 구체적이고 최대한 맥락을 알려줄 수 있도록 질문을 남겨 주실수록 좋습니다. 그렇지 않으면 답변을 얻는데 시간이 오래걸릴 수 있습니다 ㅠㅠ
ex) A라는 상황에서 B라는 문제가 있었고 이에 C라는 시도를 해봤는데 되지 않았다!

3. 먼저 유사한 질문이 있었는지 꼭 검색해주세요!

 

{/* <Carousel
          data={banners}
          sliderWidth={Dimensions.get("window").width}
          itemWidth={Dimensions.get("window").width}
          itemHeight={200}
          renderItem={(obj) => {
            return (
              <TouchableOpacity>
                <Image source={{ uri: obj.item.imageUrl }} />
              </TouchableOpacity>
            );
          }}
        /> */}

Android Bundling complete 4314ms

ERROR Invariant Violation: ViewPropTypes has been removed from React Native. Migrate to ViewPropTypes exported from 'deprecated-react-native-prop-types'.

ERROR Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 11): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter.

A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.

ERROR Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 11): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter.

A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.

 

react-native Carousel 부분에서 에러가 발생하는데 윈도우 해결법이 있나요?

https://stackoverflow.com/questions/71702392/viewproptypes-will-be-removed-from-react-native-migrate-to-viewproptypes-export

봐도 잘 모르겠어서 질문남깁니다.

 

추가로 노치가 없는 기종에 safeareaView를 줘도 처리가 안되는데 어떻게 처리해야 하나요?

 

답변 2

0

강사님 께서주신 픽스로도 해결ㅇㅣ안됩니다

저는 아예 포기하고 react anchor carousel 로 하는중인데 이건 작동됩니다

위치조절이 좀 안되네요

0

그랩님의 프로필 이미지
그랩
지식공유자

현재기준 최신 react native 버전에서 ViewPropTypes라는 모듈이 삭제되었는데, react-native-snap-carousel에서는 해당 모듈을 사용해서 생기는 이슈인 것 같습니다..!

https://github.com/meliorence/react-native-snap-carousel/issues/923
https://github.com/facebook/react-native/issues/33557

현재 react-native-snap-carousel 라이브러리에서 베타버전으로 해당 에러를 수정한 버전이 올라왔네요. 아래 커맨드로 버그가 픽스된 패키지를 설치하고 다시 해보시겠어요?

npm install react-native-snap-carousel@4.0.0-beta.6

양규헌님의 프로필 이미지
양규헌
질문자

npm install react-native-snap-carousel@4.0.0-beta.6
설치 후 진행해봤는데, 배너 부분이 아예 안나옵니다

양규헌님의 프로필 이미지
양규헌

작성한 질문수

질문하기