如何解决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 举报,一经查实,本站将立刻删除。