react-native
Native API koppelen

Android CSS firebase iOS Java Language JavaScript Node.js Objective-C Language React TypeScript
Zoeken…


Invoering

Met Linking API kunt u zowel koppelingen tussen applicaties verzenden als ontvangen. Bijvoorbeeld het openen van de Telefoon-app met ingetoetst nummer of het openen van Google Maps en het starten van een navigatie naar een gekozen bestemming. U kunt Linking ook gebruiken om uw app in staat te stellen te reageren op links die deze vanuit andere applicaties openen.

Om Linking te gebruiken, moet u het eerst vanuit react-native importeren

import {Linking} from 'react-native'

Om een link te openen, roept u openURL aan. 

Linking.openURL(url)
.catch(err => console.error('An error occurred ', err))

De aanbevolen methode is om vooraf te controleren of een geïnstalleerde app een bepaalde URL aankan. 

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-regelingen

Doel-app Voorbeeld Referentie
Webbrowser https://stackoverflow.com
Telefoon tel:1-408-555-5555 appel
Mail mailto:[email protected] appel
sms sms:1-408-555-1212 appel
Apple Maps http://maps.apple.com/?ll=37.484847,-122.148386 appel
Google Maps geo:37.7749,-122.4194 Google
iTunes Zie iTunes Link Maker appel
Facebook fb://profile Stack Overflow
YouTube http://www.youtube.com/v/oHg5SJYRHA0 appel
Facetime facetime://[email protected] appel
iOS kalender calshow:514300000 [1] iPhoneDevWiki

[1] Opent de kalender op het aangegeven aantal seconden sinds 1. 1. 2001 (UTC?). Om een of andere reden is deze API niet gedocumenteerd door Apple.

U kunt detecteren wanneer uw app wordt gestart vanaf een externe URL. 

componentDidMount() {
  const url = Linking.getInitialURL()
  .then((url) => {
    if (url) {
      console.log('Initial url is: ' + url)
    }
  }).catch(err => console.error('An error occurred ', err))
}

Om dit op iOS Link RCTLinking naar uw project in te schakelen.

Volg deze stappen om dit in te schakelen op Android.



Modified text is an extract of the original Stack Overflow Documentation
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow