react native expo 웹뷰 안드로이드에서 이미지가 표시되지 않을 때

posinity·2023년 9월 25일
0

React Native

목록 보기
3/3

웹뷰를 사용할 때, 안드로이드에서 아래처럼 이미지가 표시되지 않았다. (ios는 잘 됌)

mixedContentMode="always"
혹은 mixedContentMode="compatibility"

위 속성을 추가하면 이미지가 잘 나온다.

위 속성은 웹뷰에서 혼합 콘텐츠(안전하지 않은 HTTP 콘텐츠)를 허용할지 여부를 결정하는 속성이다.
"always"로 설정되어 있으므로 혼합 콘텐츠를 항상 허용한다.
이 속성을 설정하여 보안 문제를 방지하거나 혼합 콘텐츠를 차단하도록 제어할 수 있다.

never(기본값) - WebView는 보안 원본이 안전하지 않은 원본의 콘텐츠를 로드하는 것을 허용하지 않습니다.
always - WebView는 출처가 안전하지 않은 경우에도 안전한 출처가 다른 출처의 콘텐츠를 로드할 수 있도록 허용합니다.
compatibility- WebView는 혼합 콘텐츠와 관련하여 최신 웹 브라우저의 접근 방식과 호환되도록 시도합니다.

출처

리액트 네이티브 웹뷰 공식 깃허브

profile
문제를 해결하고 가치를 제공합니다

0개의 댓글