React NativeでWebViewを試す
React Native で WebView を使ってみました。
参考にしたドキュメント
前提
expo-cliはインストール済み。バージョンは4.7.3- iOS アプリ
Expo Goで動作確認。バージョンは2.21.3
プロジェクト作成
まずはプロジェクトを作成する。
$ expo i -t blankライブラリを追加
$ expo install react-native-webviewソースコード
以下のコードを App.js にコピペ。
import * as React from "react";
import { WebView } from "react-native-webview";
export default class App extends React.Component {
render() {
return (
<WebView source={{ uri: "https://expo.io" }} style={{ marginTop: 20 }} />
);
}
}その他
WebView 上のコンテンツでファイルアップロードやダウンロードを行いたい場合や、 JS とネイティブ間で通信を行いたい場合、 セッションや Cookie の操作を行いたい場合は以下のドキュメントを参照。
