微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

React Native View PDF-react-native-view-pdf-npm-从设备选择文件时不起作用-android

如何解决React Native View PDF-react-native-view-pdf-npm-从设备选择文件时不起作用-android

我的应用程序中有文件选择器,因此已使用DocumentPicker从android设备中选择文件。 一旦我得到uri,它看起来就像

'content://com.android.providers.downloads.documents/document/10749'

我尝试将其加载到PDFView上,但它不呈现,也没有给出任何错误。我也尝试过使用RNFetchBlob在base64中转换文件的选项,然后查看它,但这也不起作用。

方法1-使用网址

const res = await DocumentPicker.pick({
type: [DocumentPicker.types.allFiles],});
this.setState({
docPath: res.uri
})

render() {

<PDFView
fadeInDuration={100.0}
style={{borderWidth:1,flex:1}}
resource={docPath}
resourceType='url'
onLoad={() => console.log('loaded')}
onError={() => console.log('Cannot render PDF')}
/>

#Approach 2-使用base 64

const res = await DocumentPicker.pick({
type: [DocumentPicker.types.allFiles],});

RNFetchBlob.fs.readFile(cleanUri,'base64')
// files will an array contains filenames
.then((files) => {
this.setState({
docPath: files
})
})

render() {

<PDFView
fadeInDuration={100.0}
style={{borderWidth:1,flex:1}}
resource={docPath}
resourceType='base64'
onLoad={() => console.log('loaded')}
onError={() => console.log('Cannot render PDF')}
/>
}

react和库的版本为:

"react-native-view-pdf": "^0.10.1","react": "16.11.0","react-native": "0.62.0",

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?