React Native iOS从应用程序的Documents文件夹读取图像

at_123_II

我必须将图像下载到我的iOS应用本地文件系统中,然后将其读回。

在我的模拟器上,我可以看到带有目录的应用程序文件系统

/Library/Developer/CoreSimulator/Devices/[UUID]/data/Containers/Data/Application/[UUID]/

/Documents
/Library
/tmp

为了尝试,我将foo.png复制到/ Documents文件夹,然后尝试

<Image source={{uri: "file://Documents/foo.png"}} style={{width:100, height:100}}/>

这是行不通的,任何想法怎么做都可以。

英雄

这也花了我很长时间...更好的信息将是5分钟!

我使用react-native-fs来获取目录(适用于ios和android):

var RNFS = require('react-native-fs');

然后,RNFS.DocumentDirectoryPath返回类似于'/var/mobile/Containers/Data/Application/15AC1CC6-8CFF-48F0-AFFD-949368383ACB/Documents'iOS上的内容

我的图片元素看起来像:

<Image
    style={{width:100, height:100}}
    source={{uri: 'file://' + RNFS.DocumentDirectoryPath + '/myAwesomeSubDir/my.png', scale:1}}
/> 

我的问题是我没有首先设置宽度和高度,URL或资产路径并不需要设置宽度和高度。当使用base64 uri时,宽度和高度也是必须的(这实际上使我想到了解决方案!)。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

React Native应用程序中的全屏背景图像

来自分类Dev

gif 图像未显示在 react-native IOS 应用程序中

来自分类Dev

react应用程序未读取资产文件夹的正确路径-本地图像未显示在localhost上,仅显示图像图标

来自分类Dev

Firebase 与 React-Native IOS 应用程序的集成失败

来自分类Dev

React js 应用程序具有相同的文件夹图像,但在 ios png 图像中显示 alpha 透明度问题

来自分类Dev

React Native 应用程序的 UI 测试

来自分类Dev

React Native 应用程序部署

来自分类Dev

如何从react-native中的Assets文件夹中读取文件?

来自分类Dev

将本机iOS应用程序的数据迁移到React Native应用程序的异步存储

来自分类Dev

如何在React Native iOS应用程序中更新应用程序版本?

来自分类Dev

React native:安装react-native-maps后不存在android文件夹

来自分类Dev

React Native node_modules文件夹大小

来自分类Dev

当前文件夹中的react-native init

来自分类Dev

使用@访问React Native中的某些文件夹

来自分类Dev

React-Native 不导入文件夹

来自分类Dev

没有redux的react native app的文件夹结构

来自分类常见问题

如何在React Native项目中重新生成ios文件夹?

来自分类Dev

用Kotlin编写的Android Native应用程序和React Native应用程序

来自分类Dev

将图像从React-Native应用程序上传到Firebase存储

来自分类Dev

如何在React-native中将图像从画廊复制到应用程序的安装目录

来自分类Dev

为什么Xcode 12更新后react-native应用程序中的图像无法渲染

来自分类常见问题

如何从React Native应用程序迁移到react-native模块

来自分类Dev

React-native应用程序和Facebook SDK

来自分类Dev

如何检测何时打开React Native应用程序?

来自分类Dev

运行React Native应用程序而不启动Xcode?

来自分类Dev

React-native应用程序和Facebook SDK

来自分类Dev

React Native Android应用程序已停止

来自分类Dev

React Native应用程序是否包含WATCHMAN和Packager?

来自分类Dev

React Native深度链接应用程序未打开

Related 相关文章

  1. 1

    React Native应用程序中的全屏背景图像

  2. 2

    gif 图像未显示在 react-native IOS 应用程序中

  3. 3

    react应用程序未读取资产文件夹的正确路径-本地图像未显示在localhost上,仅显示图像图标

  4. 4

    Firebase 与 React-Native IOS 应用程序的集成失败

  5. 5

    React js 应用程序具有相同的文件夹图像,但在 ios png 图像中显示 alpha 透明度问题

  6. 6

    React Native 应用程序的 UI 测试

  7. 7

    React Native 应用程序部署

  8. 8

    如何从react-native中的Assets文件夹中读取文件?

  9. 9

    将本机iOS应用程序的数据迁移到React Native应用程序的异步存储

  10. 10

    如何在React Native iOS应用程序中更新应用程序版本?

  11. 11

    React native:安装react-native-maps后不存在android文件夹

  12. 12

    React Native node_modules文件夹大小

  13. 13

    当前文件夹中的react-native init

  14. 14

    使用@访问React Native中的某些文件夹

  15. 15

    React-Native 不导入文件夹

  16. 16

    没有redux的react native app的文件夹结构

  17. 17

    如何在React Native项目中重新生成ios文件夹?

  18. 18

    用Kotlin编写的Android Native应用程序和React Native应用程序

  19. 19

    将图像从React-Native应用程序上传到Firebase存储

  20. 20

    如何在React-native中将图像从画廊复制到应用程序的安装目录

  21. 21

    为什么Xcode 12更新后react-native应用程序中的图像无法渲染

  22. 22

    如何从React Native应用程序迁移到react-native模块

  23. 23

    React-native应用程序和Facebook SDK

  24. 24

    如何检测何时打开React Native应用程序?

  25. 25

    运行React Native应用程序而不启动Xcode?

  26. 26

    React-native应用程序和Facebook SDK

  27. 27

    React Native Android应用程序已停止

  28. 28

    React Native应用程序是否包含WATCHMAN和Packager?

  29. 29

    React Native深度链接应用程序未打开

热门标签

归档