应用开发

RN下载文档组件react-native-fs

2019-07-12  本文已影响0人  思考的种子

RN下载文档组件react-native-fs

背景:这篇是结合上一篇文章查看文档组件的使用踩坑写的,也是项目需要所以结合起来一起使用

react-native-fs 组件官网的介绍还算详细吧,还有一个供参考的样例

react-native-fs组件Github地址

安装使用什么的我也不多说了,参考官网一步步来,安卓link完了后检查下配置对不对,不对的补上基本就没什么问题了,组件可以使用了

接下来我就主要罗列下我的实现以及我遇到的问题,然后网上的资料目前没人提及的坑点吧

下载程序:

(1)第一段说明:

这里的TipModel是我自己写的一个通用的弹框,由于我们这次上传下载查看是在H5页面进行的,所以状态什么的和H5有通讯,不下载就给H5传进度为0的消息

(2)第二段说明:

这里开始下载之前我做了个很重要的操作,就是mkDir,这个就是今天的坑点,我的控件用的很顺利但是下载成功并没有文档,很郁闷,我查了很多资料都没有提及到这个方法的,还是查安卓原生代码里有提及,就尝试了下结果就奇迹的好了

(3)第三段说明:

RNFS.mkdir方法具体实现,RNFS里自己是有这个方法的,坑的主要是我下载了他官网的例子,例子里下载的时候也没做这个操作,我也没想到这个方法,对这个方法官网也没详细介绍,所以最后找到也是心累的

(4)第四段代码:

下载完成和失败的提示,完成后点击查看就进到我的另一篇 RN查看文档组件react-native-doc-viewer

好啦,到这里我就写完拉,想看上传文档看下一篇RN上传文档组件 react-native-file-selector

上一篇 下一篇

猜你喜欢

热点阅读