inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

React-native-webview가 0.77.0버전에서 작동이 되지 않습니다.(흰화면)

254

알랭들롱

작성한 질문수 2

0

질문이 아닙니다.

해당 현재

"react-native": "^0.76.6",

"react-native-webview": "^13.13.2",

에서 웹뷰로 카카오 로그인을 접속하려고 했으나.

버그가 있어 렌더링 접속이 되지 않습니다.

기존 제공해주신 깃허브 코드로 이어가려고 했으나 동일하네요.

 

원래는 0.77.0이었으나 해당 라이브러리 깃허브 이슈로 등록되어서 다들 동일하게 에러 뱉습니다.



++++ 방법을 찾아보니 랩핑하면 안되고 있습니다. +++

랩핑을 제거후에 진행하시기 바랍니다.

 

 

  // <ScrollView style={styles.container}>
    <WebView
      style={styles.webview}
      source={{uri: uri}}
      onMessage={handleOnMessage}
    />
    // </ScrollView>

react-native typescript nestjs react-query zustand

답변 1

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 알랭들롱님께서 경험하신 react-native-webview가 흰 화면만 표시되는 문제는 새로운 버전에서 기존의 라이브러리 호환성 문제로 인해 발생할 수 있습니다. 이 경우 몇 가지 접근 방법을 시도해 볼 수 있습니다.

  1. 다른 버전 사용: 만약 초기 버전에서의 문제가 플랫폼에 저장된 버그로 인해 발생한 것이라면, react-native-webview의 이전 버전이나 더 안정적인 버전으로 다운그레이드를 시도해 볼 수 있습니다. 예를 들어, react-native-webview의 12.x나 13.x 하위 버전을 시도해 보세요.

  2. 호환 버전 확인: react-native 버전과 호환이 되는 webview 버전이 맞는지 확인해 보세요. 각각의 라이브러리 공식 문서에서 호환 가능성을 분석해 보는 것도 유익할 수 있습니다.

  3. React Native Debugging 활용: 기본적인 디버깅 도구나 React Native Debugger를 통해 구체적인 오류 메시지를 확인하여 다양한 코드를 재검토할 수 있도록 하세요.

  4. GitHub 이슈 및 커뮤니티 검토: 말씀하신 것처럼 깃허브 이슈 페이지에서 해당 문제에 대한 다른 개발자들의 의견을 확인하고, react-native 및 webview의 이슈들을 주기적으로 검토하여 해결책을 찾아보는 것이 좋습니다.

유사한 문제에 대한 해결책이나 관련 방법을 탐색하기 위해 아래 링크를 방문해 보실 것을 권장드립니다:

현재 지원할 수 있는 범위에서 유사한 상황에 대한 다른 응답이나 해결 사례를 참고할 수 있습니다만, 만약 문제가 해결되지 않으면 추가적인 피드백을 작성하여 더 상세한 환경이나 로그를 제공해 주시길 바랍니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

react-native-screens 버전 호환 문제

2

156

1

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

0

105

2

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

0

98

1

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

0

74

2

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

0

116

2

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

0

209

2

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

0

92

1

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

0

79

2

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

0

84

1

강의 수강 순서 관련

0

72

1

애뮬레이터 실행 방법

0

101

2

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

0

92

2

ios 실기기 연결

0

70

2

npm run ios에러

0

76

1

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

0

102

1

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

0

52

1

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

0

72

1

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

0

75

0

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

0

84

3

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

0

70

2

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

0

83

2

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

0

97

1

AWS EC2 + RDS 설정

0

86

2

안드로이드 안켜집니다.

0

92

2