Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

159
Vistas
Cómo representar una parte de html usando webview en reaccionar nativo

No sé si la vista web de react-native admite esta funcionalidad, pero ¿puedo elegir y representar un div específico y no toda la página web?

Por ejemplo, si un sitio html contiene este segmento:

 <html> <head> <title>Href Attribute Example</title> </head> <body> <h1>Href Attribute Example</h1> <p> <a href="https://www.theExample.com">The example page</a> shows you how and where you can contribute to solutions. </p> </body> </html>

Pero solo quiero mostrar este segmento en la vista web

 <h1>Href Attribute Example</h1> <p> <a href="https://www.theExample.com">The example page</a> shows you how and where you can contribute to solutions. </p>

¿Cómo lo conectaría para que se renderice aquí?

 return( <View> <WebView source={{ uri: 'https://www.theExample.com' }} />; </View> )
about 4 years ago · Juan Pablo Isaza
2 Respuestas
Responde la pregunta

0

¿Estás tratando de lograr algo como esto: renderizar html usando webview?

También eche un vistazo a esto: React native custom html render

about 4 years ago · Juan Pablo Isaza Denunciar

0

Esta funcionalidad no es algo que se obtiene de la caja. Pero hay algunas opciones definitivamente.

Estas son las opciones que veo si controlas el código fuente de la página :

  1. Cree un punto de entrada o compilación diferente donde se elimine el contenido innecesario. No hay magia oscura en absoluto, pero puede ser problemático para las grandes aplicaciones.
  2. Pase un parámetro de consulta que indique que su aplicación está en modo de vista web ( https://www.theExample.com?container=true ). Luego verifica la presencia del parámetro de consulta en la aplicación y muestra/oculta lo que necesita según esa condición.

Estas son las opciones que veo si no controlas el código fuente de la página :

  1. Ejecute JavaScript que elimine de la página todo lo que no desea mostrar al pasar injectedJavaScript :
 <WebView source={{ uri: 'https://www.theExample.com' }} injectedJavaScript="window.alert('You can manipulate the DOM here')" />
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda