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

613
Vistas
¿Cómo se muestra un hipervínculo en la aplicación React Native?

¿Cómo muestro un hipervínculo en una aplicación React Native?

p.ej

 <a href="https://google.com>Google</a>
over 4 years ago · Santiago Trujillo
3 Respuestas
Responde la pregunta

0

Algo como esto:

 <Text style={{color: 'blue'}} onPress={() => Linking.openURL('http://google.com')}> Google </Text>

utilizando el módulo de Linking que se incluye con React Native.

 import { Linking } from 'react-native';
over 4 years ago · Santiago Trujillo Denunciar

0

La respuesta seleccionada se refiere solo a iOS. Para ambas plataformas, puede utilizar el siguiente componente:

 import React, { Component, PropTypes } from 'react'; import { Linking, Text, StyleSheet } from 'react-native'; export default class HyperLink extends Component { constructor(){ super(); this._goToURL = this._goToURL.bind(this); } static propTypes = { url: PropTypes.string.isRequired, title: PropTypes.string.isRequired, } render() { const { title} = this.props; return( <Text style={styles.title} onPress={this._goToURL}> > {title} </Text> ); } _goToURL() { const { url } = this.props; Linking.canOpenURL(url).then(supported => { if (supported) { Linking.openURL(this.props.url); } else { console.log('Don\'t know how to open URI: ' + this.props.url); } }); } } const styles = StyleSheet.create({ title: { color: '#acacac', fontWeight: 'bold' } });
over 4 years ago · Santiago Trujillo Denunciar

0

Para hacer esto, consideraría encarecidamente envolver un componente Text en TouchableOpacity . Cuando se toca un TouchableOpacity , se desvanece (se vuelve menos opaco). Esto le da al usuario una respuesta inmediata al tocar el texto y proporciona una experiencia de usuario mejorada.

Puede usar la propiedad onPress en TouchableOpacity para hacer que el enlace suceda:

 <TouchableOpacity onPress={() => Linking.openURL('http://google.com')}> <Text style={{color: 'blue'}}> Google </Text> </TouchableOpacity>
over 4 years ago · Santiago Trujillo 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