Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

161
Visualizações
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 Respostas
Responde à pergunta

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 Relatório

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 Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda