React Native 是一个跨平台开发框架，在移动端应用开发中非常普及。其中，使用到的第三方包也是相当丰富的，其中之一就是 react-native-doc-viewer2，它是一个帮助开发者在应用中集成文档阅读器的 npm 包。
什么是 react-native-doc-viewer2？
React Native Doc Viewer2 是一个基于 React Native 的 npm 包，旨在提供一个集成文档阅读器的解决方案。它提供了在移动端开发中常用的文档阅读器的功能，支持多种文档格式，并且可以进行自定义配置。
如何安装 react-native-doc-viewer2
React-Native-Doc-Viewer2 可以直接通过 npm 安装，使用前需要先安装 react-native-pdf。
npm install react-native-pdf --save npm install react-native-doc-viewer2 --save
如何使用 react-native-doc-viewer2
1.引入 react-native-pdf 以及 react-native-doc-viewer2:
import PDFView from 'react-native-pdf';
import { DocViewer } from 'react-native-doc-viewer2';2.在需要使用的地方，调用 DocViewer.openDoc 方法：
-- -------------------- ---- -------
----- -------- - ----- ----------------------------------------------------------
----- ---- - ----- ----------------
--------------------
---- ---------
--------- ---------------
------ -----
--- ------- ---- -- -
-- ------- -
-- ----
- ---- -
-- -----------
-
---其中，DocViewer.openDoc 方法的第一个参数是 Array 类型的文件数组，文件路径可转换为 Blob 对象。
可用参数
- url:<
string> 文件源路径，必传 - fileName:<
string> 文件名称，必传 - fileType:<
string> 文件类型，默认值 'pdf' - cache:<
boolean> 是否缓存文件，默认为 true
示例代码
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ----- ------ - ---- ---------------
------ - --------- - ---- ---------------------------
----- --- ------- --------- -
------- - ----- -- -- -
----- -------- - ----- ----------------------------------------------------------
----- ---- - ----- ----------------
--------------------
---- ---------
----------------
------------
--------------
--- ------- ---- -- -
---
-
-------- -
------ -
----- ------------------------
------- ---------------------- --------------- --
-------
--
-
-
------ ------- ----总结
通过以上介绍，我们对于 npm 包 react-native-doc-viewer2 的使用有了一个初步的认识。它能够帮助我们在 React Native 中嵌入文档阅读器，支持多种文件格式，是开发者实现类似于基于 webview 的预览的更为灵活的解决方案。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600556a481e8991b448d36e1