React Nativeで外部リンクをブラウザで開く

概要

アプリから特定のURLをブラウザで開く方法についてのメモです。

実装

Linking APIを使用します。

Linking.openURL(url).catch(err => console.error('URLを開けませんでした。', err));

URLを開く前にURLが有効かを判別したい場合以下のように書きます。

Linking.canOpenURL(url).then(supported => {
  if (!supported) {
    console.log('無効なURLです: ' + url);
  } else {
    return Linking.openURL(url);
  }
}).catch(err => console.error('URLを開けませんでした。', err));

参考

• https://facebook.github.io/react-native/docs/linking.html
  • Deep linkのハンドリングについても解説されています。