🌐

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 の操作を行いたい場合は以下のドキュメントを参照。

忘れっぽい自分のためのノートです。調べたことや試したことをストックしていきます。