React Native: cómo cargar la imagen desde la ruta local en WebView
aprender
Estoy buscando cómo cargar una imagen en un WebView desde una ruta local. Es para insertarlo en una llamada de MapView (problema en Android). Cuando uso una URL que funciona bien pero nada con la ruta local.
<WebView
originWhitelist={['*']}
source={{html: '<Body><img id="logo" src="../../assets/img.jpg" onload="onLoad()" /></Body>'}}
/>
Tim
Probé varias opciones, la única que funciona es:
1) creando un archivo index.html, donde puede usar su ruta de imagen habitual:
<html>
<body>
<img src="./dog.jpg" width="200" height="200" />
</body>
</html>
2) cargue el archivo index.html en su WebView
<WebView
originWhitelist={['*']}
source={require('./index.html')}
/>
Por cierto, mi proyecto está estructurado así:
Cosas que probé que no funcionan:
<WebView
originWhitelist={['*']}
source={{html: `<Body><img id="logo" width=200 height=200 src="./dog.jpg" /></Body>`}}
/>
<WebView
originWhitelist={['*']}
source={{html: `<Body><img id="logo" width=200 height=200 src="require('./dog.jpg')" /></Body>`}}</Body>`}}
/>
import dog from './dog.jpg'
<WebView
originWhitelist={['*']}
source={{html: `<Body><img id="logo" width=200 height=200 src="${dog}" /></Body>`}}
/>
Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.
En caso de infracción, por favor [email protected] Eliminar
Editado en
Artículos relacionados
TOP Lista
- 1
¿Cómo ocultar la aplicación web de los robots de búsqueda? (ASP.NET)
- 2
Ver todos los comentarios en un video de YouTube
- 3
Redis 세션 저장소와 함께 SpringSessionBackedSessionRegistry 사용
- 4
Kibana 4 , making pie chart , error message
- 5
OAuth 2.0 utilizando Spring Security + WSO2 Identity Server
- 6
uitableview delete button image in iOS
- 7
Pregunta de fórmula de desplazamiento y transposición de Excel / Google Sheets
- 8
Visual Studio 2012 Unit Test Report
- 9
Manera correcta de agregar referencias al proyecto C # de modo que sean compatibles con el control de versiones
- 10
선언되지 않은 유형 'MessagingDelegate'사용
- 11
Cómo extraer una palabra clave (cadena) de una columna en pandas dataframe en python
- 12
desbordamiento: oculto no funciona al hacer zoom en un iframe de YouTube usando transformar
- 13
Obtenga todos los comentarios y responda a los comentarios en un solo SQL
- 14
récupérer les noms de clés depuis Firebase react-native
- 15
Today Extension con UICollectionView comportamiento diferente en comparación con la aplicación de vista única
- 16
WPF pleine largeur DataGridColumn sur la largeur de DataGrid
- 17
ViewPager2 parpadea / recarga al deslizar
- 18
¿Cómo puedo hacer accesible la información de color en tablas HTML?
- 19
actualizar el contenido de la vista de reciclaje falla en la hoja inferior
- 20
Chartkick histogrammes plusieurs couleurs
- 21
¿Cómo formatear el valor mínimo y máximo de android-range-seek-bar?
Déjame decir algunas palabras