React Native「WebView」内で開いたサイトのリンクをsafariで開く
3559 ワード
概要
普段はReact NativeでIOSアプリを開発してます
今回はreactnativeのWebViewでサイトを開いた際に最初のページだけはアプリ内を、
開いた後のリンクはsafariで開く方法を共有します
アプリ登録は省略します
WebViewPage.js
import React, { Component } from 'react';
import { WebView, Linking } from 'react-native';
class WebViewPage extends Component {
render() {
const uri = 'https://qiita.com/';
return (
<WebView
ref={(ref) => { this.webview = ref; }}
source={{ uri }}
onNavigationStateChange={(event) => {
if (event.url !== uri) {
this.webview.stopLoading();
Linking.openURL(event.url);
}
}}
/>
);
}
}
export default WebViewPage;
動かなかったり、改善点など共有していただけると幸いです
参考文献
Author And Source
この問題について(React Native「WebView」内で開いたサイトのリンクをsafariで開く), 我々は、より多くの情報をここで見つけました https://qiita.com/VerfolgungEin/items/aa3138197017037b9f4d著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .