如何在react-native中渲染epub文件

时间:2019-08-26 10:34:35

标签: react-native

嗨,我正在寻找一个用于在react native中渲染epub文件的软件包,我也发现this

但是我很相信该软件包不再管理和开发

那么您知道另一种在react-native中呈现epub文件的方法吗?

3 个答案:

答案 0 :(得分:1)

使用openepub和webview的一种方法,这有点复杂,

但另一种方式是使用某些epubjs-rn packge,check package,其中的某些资源与更新器相比 futurepress / epubjs-rn

我使用 @ ottofeller / epubjs-rn ,它与本机 0.62.2

兼容

答案 1 :(得分:0)

您可以使用epubjs-rn

示例

import { Epub } from 'epubjs-rn';
...
<Epub src={"https://s3.amazonaws.com/epubjs/books/moby-dick/OPS/package.opf"}
          flow={"paginated"} />

Official epubjs-rn github homepage

答案 2 :(得分:0)

我还尝试在 React Native 应用程序中呈现 Epub 然后我主要得到了像 电子版 电子版 以及它们上的大量副本,但它们上的任何副本都不适用于我们的最新代码 然后我将 epub 渲染的工作包转换为 react-native 名称 documentation

安装它运行命令

<块引用>

npm i epubjs-rn-62

它在 62,63 和更高版本的 react 中运行良好

也不需要在当前版本的 react native 中链接

使用

   import { Epub } from 'epubjs-rn';
Then you can add the reader element in your code:

<Epub src={"https://s3.amazonaws.com/epubjs/books/moby-dick/OPS/package.opf"}
          flow={"paginated"} />

与流光一起使用

import { Epub, Streamer } from "epubjs-rn";
let streamer = new Streamer();

streamer.start("8899")
    .then((origin) => {
        console.log("Served from:", origin)
        return this.streamer.get("https://s3.amazonaws.com/epubjs/books/moby-dick.epub");
    })
    .then((src) => {
        console.log("Loading from:", src);
        return this.setState({src});
    });