JavaScript
reactnative

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

More than 1 year has passed since last update.

概要

アプリから特定の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));

参考