RN下载文档组件react-native-fs
背景:这篇是结合上一篇文章查看文档组件的使用踩坑写的,也是项目需要所以结合起来一起使用
react-native-fs 组件官网的介绍还算详细吧,还有一个供参考的样例
安装使用什么的我也不多说了,参考官网一步步来,安卓link完了后检查下配置对不对,不对的补上基本就没什么问题了,组件可以使用了
接下来我就主要罗列下我的实现以及我遇到的问题,然后网上的资料目前没人提及的坑点吧
下载程序:
(1)第一段说明:
这里的TipModel是我自己写的一个通用的弹框,由于我们这次上传下载查看是在H5页面进行的,所以状态什么的和H5有通讯,不下载就给H5传进度为0的消息
(2)第二段说明:
这里开始下载之前我做了个很重要的操作,就是mkDir,这个就是今天的坑点,我的控件用的很顺利但是下载成功并没有文档,很郁闷,我查了很多资料都没有提及到这个方法的,还是查安卓原生代码里有提及,就尝试了下结果就奇迹的好了
(3)第三段说明:
RNFS.mkdir方法具体实现,RNFS里自己是有这个方法的,坑的主要是我下载了他官网的例子,例子里下载的时候也没做这个操作,我也没想到这个方法,对这个方法官网也没详细介绍,所以最后找到也是心累的
(4)第四段代码:
下载完成和失败的提示,完成后点击查看就进到我的另一篇 RN查看文档组件react-native-doc-viewer
好啦,到这里我就写完拉,想看上传文档看下一篇RN上传文档组件 react-native-file-selector