react-native
Länkar Native API
Sök…
Introduktion
Länkar API gör det möjligt att både skicka och ta emot länkar mellan applikationer. Till exempel, öppna Telefon-appen med nummer som är uppringt eller öppna Google Maps och starta en navigering till ett valt mål. Du kan också använda Länkar för att göra din app kapabel att svara på länkar som öppnar den från andra applikationer.
För att använda Linking måste du först importera den från react-native
import {Linking} from 'react-native'
Utgående länkar
För att öppna en länk, ring openURL.
Linking.openURL(url)
.catch(err => console.error('An error occurred ', err))
Den föredragna metoden är att kontrollera om någon installerad app kan hantera en given URL i förväg.
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))
URI-scheman
| Mål-app | Exempel | Referens |
|---|---|---|
| Webbläsare | https://stackoverflow.com | |
| Telefon | tel:1-408-555-5555 | Äpple |
| Post | mailto:[email protected] | Äpple |
| SMS | sms:1-408-555-1212 | Äpple |
| Apple Maps | http://maps.apple.com/?ll=37.484847,-122.148386 | Äpple |
| Google kartor | geo:37.7749,-122.4194 | |
| iTunes | Se iTunes Link Maker | Äpple |
fb://profile | Stack Overflow | |
| Youtube | http://www.youtube.com/v/oHg5SJYRHA0 | Äpple |
| Facetime | facetime://[email protected] | Äpple |
| iOS-kalender | calshow:514300000 [1] | iPhoneDevWiki |
[1] Öppnar kalendern med det angivna antalet sekunder sedan 1. 1. 2001 (UTC?). Av någon anledning är detta API okokumenterat av Apple.
Inkommande länkar
Du kan upptäcka när din app startas från en extern URL.
componentDidMount() {
const url = Linking.getInitialURL()
.then((url) => {
if (url) {
console.log('Initial url is: ' + url)
}
}).catch(err => console.error('An error occurred ', err))
}
För att aktivera detta på iOS Link RCTLinking till ditt projekt .
Följ dessa steg för att aktivera detta på Android.