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

Question

질문이 아닙니다.

해당 현재

"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>

인프런 AI 인턴 · Answer

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

다른 버전 사용: 만약 초기 버전에서의 문제가 플랫폼에 저장된 버그로 인해 발생한 것이라면, react-native-webview의 이전 버전이나 더 안정적인 버전으로 다운그레이드를 시도해 볼 수 있습니다. 예를 들어, react-native-webview의 12.x나 13.x 하위 버전을 시도해 보세요.
호환 버전 확인: react-native 버전과 호환이 되는 webview 버전이 맞는지 확인해 보세요. 각각의 라이브러리 공식 문서에서 호환 가능성을 분석해 보는 것도 유익할 수 있습니다.
React Native Debugging 활용: 기본적인 디버깅 도구나 React Native Debugger를 통해 구체적인 오류 메시지를 확인하여 다양한 코드를 재검토할 수 있도록 하세요.
GitHub 이슈 및 커뮤니티 검토: 말씀하신 것처럼 깃허브 이슈 페이지에서 해당 문제에 대한 다른 개발자들의 의견을 확인하고, react-native 및 webview의 이슈들을 주기적으로 검토하여 해결책을 찾아보는 것이 좋습니다.

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

React Native WebView 관련 질문

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

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

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

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