react-native
Enlace de API nativa
Buscar..
Introducción
La API de enlaces le permite enviar y recibir enlaces entre aplicaciones. Por ejemplo, abrir la aplicación Teléfono con el número marcado o abrir Google Maps e iniciar una navegación a un destino elegido. También puede utilizar Vinculación para que su aplicación pueda responder a los enlaces que la abren desde otras aplicaciones.
Para usar el Linking , primero debes importarlo desde react-native
import {Linking} from 'react-native'
Enlaces salientes
Para abrir un enlace llame a openURL.
Linking.openURL(url)
.catch(err => console.error('An error occurred ', err))
El método preferido es verificar si alguna aplicación instalada puede manejar una URL dada de antemano.
Linking.canOpenURL(url)
.then(supported => {
if (!supported) {
console.log('Unsupported URL: ' + url)
} else {
return Linking.openURL(url)
}
}).catch(err => console.error('An error occurred ', err))
Esquemas URI
| Aplicación de destino | Ejemplo | Referencia |
|---|---|---|
| Navegador web | https://stackoverflow.com | |
| Teléfono | tel:1-408-555-5555 | manzana |
| Correo | mailto:[email protected] | manzana |
| SMS | sms:1-408-555-1212 | manzana |
| Mapas de apple | http://maps.apple.com/?ll=37.484847,-122.148386 | manzana |
| mapas de Google | geo:37.7749,-122.4194 | |
| iTunes | Ver iTunes Link Maker | manzana |
fb://profile | Desbordamiento de pila | |
| Youtube | http://www.youtube.com/v/oHg5SJYRHA0 | manzana |
| Facetime | facetime://[email protected] | manzana |
| calendario de iOS | calshow:514300000 [1] | iPhoneDevWiki |
[1] Abre el calendario en el número de segundos indicado desde 1. 1. 2001 (¿UTC?). Por alguna razón, esta API no está documentada por Apple.
Enlaces entrantes
Puede detectar cuando su aplicación se inicia desde una URL externa.
componentDidMount() {
const url = Linking.getInitialURL()
.then((url) => {
if (url) {
console.log('Initial url is: ' + url)
}
}).catch(err => console.error('An error occurred ', err))
}
Para habilitar esto en iOS Link RCTLinking a su proyecto .
Para habilitar esto en Android, siga estos pasos .