React NativeでPDFファイルを表示する

@iwasaki 18views 更新:2017年6月16日

iOSでの話です。

以下のように、WebViewを使うことでPDFファイルなどを表示することができるようになります。ファイルのダウンロードは別のScreenで行い、ファイルの表示は別のScreenにuriを渡すのがいいようです。

import React, { Component } from 'react';
import { WebView } from 'react-native';

class MyWeb extends Component {
  render() {
    return (
      <WebView
        source={{uri: pdf.uri}}
      />
    );
  }
}

参考

https://stackoverflow.com/questions/35899438/view-a-pdf-in-react-native

https://facebook.github.io/react-native/docs/webview.html

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません