react-native => 네이티브 API 연결하기

소개

API 연결을 사용하면 응용 프로그램간에 링크를 송수신 할 수 있습니다. 예를 들어 전화 번호를 다이얼 한 전화 번호로 열거 나 Google지도를 열고 선택한 대상으로 탐색을 시작합니다. 링크를 사용하여 앱이 다른 애플리케이션에서 링크를 여는 것에 응답 할 수있게 만들 수도 있습니다.

Linking 를 사용하려면 먼저 react-native 에서 가져와야합니다.

import {Linking} from 'react-native'

나가는 링크

링크 호출 openURL을 호출합니다.

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

선호하는 방법은 설치된 앱이 미리 지정된 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))

URI 체계

대상 응용 프로그램	예	참고
웹 브라우저	`https://stackoverflow.com`
전화	`tel:1-408-555-5555`	사과
우편	`mailto:[email protected]`	사과
SMS	`sms:1-408-555-1212`	사과
Apple지도	`http://maps.apple.com/?ll=37.484847,-122.148386`	사과
구글지도	`geo:37.7749,-122.4194`	Google
iTunes	iTunes Link Maker보기	사과
페이스 북	`fb://profile`	스택 오버플로
YouTube	`http://www.youtube.com/v/oHg5SJYRHA0`	사과
화상 통화	`facetime://[email protected]`	사과
iOS 캘린더	`calshow:514300000` [1]	iPhoneDevWiki

[1] 2001 년 1 월 1 일 (UTC?)부터 지정된 초 수로 달력을 엽니 다. 어떤 이유로이 API는 Apple에 의해 문서화되지 않았습니다.

부적절한 링크

앱이 외부 URL에서 실행되는시기를 감지 할 수 있습니다.

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

프로젝트 에서 iOS Link RCTLinking 을 사용하려면.

Android에서이 기능을 사용 하려면 다음 단계를 따르세요 .

Modified text is an extract of the original Stack Overflow Documentation

아래 라이선스 CC BY-SA 3.0

와 제휴하지 않음 Stack Overflow

react-native
네이티브 API 연결하기

수색…

소개

나가는 링크

URI 체계

부적절한 링크