Webview에서 반응 네이티브 이미지가 표시되지 않습니다.

이것은 내 코드이므로 이미지를 표시 할 수 없습니다.Webview에서 반응 네이티브 이미지가 표시되지 않습니다.

<WebView 
    source={{html: `<img src='//i.pinimg.com/564x/41/76/2e/41762e489565279690334d5d38815b0f.jpg'>` }} 
    style={{flex: 1}} 
    javaScriptEnabled={true} 
> 
</WebView>

하지만 src = 'https://i.pinimg.com/564x/41/76/2e/41762e489565279690334d5d38815b0f.jpg'으로 변경하면 작동합니다. 왜? 도와주세요

출처

2017-09-08 Thái Văn Nguyễn

이미지 태그를 닫지 않아야하나요? – Luc

태그 이미지를 닫았지만 작동하지 않습니다. src에 "https : // ..."가없는 경우 문제가 있다고 생각합니다. –

약간의 기본 설정을 사용하여 이미지를 'http'를 통해 참조 할 수 있습니다. 'https'를 벗어나면 웹에서는 작동하지만 네이티브 애플리케이션에서는 작동하지 않습니다. 현재 기본 프로토콜은 http/https로 생각하지 않는 앱에서 사용하고 있습니다. – Dan

기본적으로 허용되지 않는 WebView에서 //를 사용하여 비 https URL을로드하려고하기 때문에 문제가 발생합니다. https로 열면 제공 한 코드가 작동합니다.

당신이 당신의 웹보기에서 비 HTTPS URL을로드하려면, 먼저 엑스 코드에서의 Info.plist의 도메인 (여기 자세한 내용은 : http://blog.bigbinary.com/2016/07/27/open-non-https-sites-in-webview-in-react-native.html) 허용해야한다 또한

을, 나는 당신이 그 시점 싶습니다 이미지를 렌더링하려는 경우 <WebView> 대신 <Image> 구성 요소를 사용할 수 있습니다.

희망이 있습니다.

출처

2017-09-08 12:25:35 soutot

Webview에서 반응 네이티브 이미지가 표시되지 않습니다.

답변

관련 문제