小编lku*_*m11的帖子

URL.createObjectURL 在 react-native 中不起作用,是否有创建 url 的替代方法?

我正在尝试在 react-native 应用程序中显示 pdf 文件。

这是我的代码:从 api 获取 blob:

Blob {
  "_data": Object {
    "blobId": "85225e45-7f45-463b-bd62-a9170551a3b7",
    "lastModified": undefined,
    "offset": 0,
    "size": 3028,
    "type": "application/pdf",
  },
}
Run Code Online (Sandbox Code Playgroud)

注意:转换为 base64Data 后,我可以渲染图像,但不能渲染 pdf 文件。

const fileReaderInstance = new FileReader();
fileReaderInstance.readAsDataURL(response.data);
fileReaderInstance.onload = () => {
    base64data = fileReaderInstance.result;
     dispatch({
            type: OPEN_DOCUMENT, url: base64data 
        });
}
Run Code Online (Sandbox Code Playgroud)

并在渲染中

<WebView 
   source={{ uri: url }} 
   originWhitelist={['*']}
 />
Run Code Online (Sandbox Code Playgroud)

(适用于图像)

<Image source={{uri: url}} style={{ height: 400, width: 300, }} />
Run Code Online (Sandbox Code Playgroud)

react-native

6
推荐指数
1
解决办法
400
查看次数

标签 统计

react-native ×1