react-native
Collegamento dell'API nativa
Ricerca…
introduzione
L'API di collegamento consente di inviare e ricevere collegamenti tra le applicazioni. Ad esempio, aprendo l'app Telefono con il numero composto o aprendo Google Maps e avviando una navigazione verso una destinazione scelta. Puoi anche utilizzare il collegamento per rendere la tua app in grado di rispondere ai link aprendola da altre applicazioni.
Per utilizzare il Linking è necessario prima importarlo da react-native
import {Linking} from 'react-native'
Collegamenti in uscita
Per aprire un link chiama openURL.
Linking.openURL(url)
.catch(err => console.error('An error occurred ', err))
Il metodo preferito è controllare se qualche app installata può gestire preventivamente un determinato URL.
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))
Schemi URI
| App di destinazione | Esempio | Riferimento |
|---|---|---|
| Programma di navigazione in rete | https://stackoverflow.com | |
| Telefono | tel:1-408-555-5555 | Mela |
| posta | mailto:[email protected] | Mela |
| sms | sms:1-408-555-1212 | Mela |
| Mappe di Apple | http://maps.apple.com/?ll=37.484847,-122.148386 | Mela |
| Google Maps | geo:37.7749,-122.4194 | |
| iTunes | Vedi iTunes Link Maker | Mela |
fb://profile | Stack Overflow | |
| Youtube | http://www.youtube.com/v/oHg5SJYRHA0 | Mela |
| FaceTime | facetime://[email protected] | Mela |
| Calendario iOS | calshow:514300000 [1] | iPhoneDevWiki |
[1] Apre il calendario al numero di secondi specificato dal 1. 1. 2001 (UTC?). Per qualche ragione questa API non è documentata da Apple.
Collegamenti in arrivo
Puoi rilevare quando la tua app viene avviata da un URL esterno.
componentDidMount() {
const url = Linking.getInitialURL()
.then((url) => {
if (url) {
console.log('Initial url is: ' + url)
}
}).catch(err => console.error('An error occurred ', err))
}
Per abilitare questo su Link iOS Link RCTLinking al tuo progetto .
Per abilitarlo su Android, segui questi passaggi .