问题标签 [react-native-image-picker]

我正在尝试将react-native-image-picker安装到我的 React-native 项目中，我已按照文档的建议进行了配置；如示例所示；我尝试重新安装 Android Studio（3.1 和 3.2）；我下载了所有 API 和所有工具；没有什么能解决问题：

我的 package.json：

有问题？

更新

我的 build.graddle

我在我的 react-native 应用程序中有一个图像上传器，一旦您上传图像，它就会将您导航到另一个屏幕并在那里预览图像，在图像预览屏幕中，有一个用于为该图像命名的输入和一个保存按钮，单击保存按钮时，它应该返回上一个屏幕并在我拥有的平面列表中显示图像及其名称，我设法执行这些步骤，直到预览图像，但之后我不知道下一步该做什么，这是代码：

第一个画面：

第二屏：

我正在尝试使用 Expo 将我的手机上的图片上传到 Firebase。我从图片中得到一个 uri，但不知道如何转换它，我可以将它上传到 Firebase？

当我记录 result.uri 我得到：

file:///var/mobile/Containers/Data/Application/1E5612D6-ECDB-44F4-9839-3717146FBD3E/Library/Caches/ExponentExperienceData/%2540anonymous%252FexpoApp-87f4a5f5-b117-462a-b147-cab242b0a916/ImagePicker/45FA4A7- C174-4BC9-B35A-A640049C2CCB.jpg

如何将其转换为适用于 firebase 的格式？

我正在使用react-native-image-picker库进行视频录制和react-native-video播放视频，其中onLoad给出了回调函数中的视频持续时间，但我如何在我的代码中使用它，谁能指导我？我已经写durationLimit了函数，但它不起作用。如何录制持续时间为 30 秒的视频？我也试过这个 ，但失败了。

我的代码

先感谢您。

我正在尝试集成react-native-image-picker并且我能够成功安装它。现在，当我尝试从日志中的图库中选择图像时，它确实显示我的 imageSource 具有价值但它不显示。我目前正在 iOS 模拟器上运行它。下面是我的代码

控制台日志确实打印了我从图库中选择的图像的路径，但它只是不显示。我在 iPad 上横向运行它。任何帮助表示赞赏。

尽管我在 git 或 stackoverflow 上找到了所有信息，但我一直在屏幕上打我的头，但无法让它工作。

我想要达到的目标：

所选图像的持久性（来自库或相机）。当我重建我的应用程序时，也就是持久性，这意味着当我react-native run-ios为 iOS 或react-native run-androidAndroid 运行时。

我已经实施的

这是我添加图像时调用的函数。

在我的主页中，我将图像显示在<Thumbnail square style={{width:50, height:50}} source={info.item.image} />

---- 编辑开始 ----- ---- 解决方案 ----

解决方案是重建我想使用文件名显示图像的路径： <Thumbnail square style={{width:50, height:50}} source={{uri : RNFS.DocumentDirectoryPath+"/"+info.item.image.fileName}} />

---- 编辑结束 -----

结果

所以这里是结果，你会看到在 Android 上运行良好，但在 iOS 上不行。我使用react-native-image-picker.

安卓

“选择器响应”：

我的图像的保存“uri”是：file:///storage/emulated/0/Pictures/myCustomPath/image-d53839d1-fa89-4a61-b648-f74dace53f83.jpg

行为如下：

• 左截图是保存我的图像后，
• 右截图是重建后，打开应用程序，我仍然看到我的图像！

--> 快乐！

现在在 iOS 上

“选择器响应”：

我的图像的保存“uri”是：file:///Users/[name]/Library/Developer/CoreSimulator/Devices/33076AD2-C989-47E9-A803-3E56CC4B09D6/data/Containers/Data/Application/4756F0A2-9CCC-4F9A-9315-D55434328FD9/Documents/myCustomPath/6A5C27E3-89F7-465F-A855-66749C92D086.jpg

行为如下：

• 左截图是保存我的图像后，
• 右截图是重建后，打开应用程序，我仍然看到我的图像！

-->不开心！

我的问题

我已经阅读了所有关于返回的 uri 的临时方面的内容，看看react-native-image-picker它是怎么说的：

在 iOS 上，不要假设返回的绝对 uri 会持续存在。

我还发现这个线程也有类似的问题，但没有一个有效：

• RNFS.DocumentDirectoryPath重建后路径中有不同的 UUID，因此找不到该文件，因为它是使用以前的 UUID 保存的
• 我尝试将 iOS 的 uri 保存为 '~/Documents/myCustomPath/myfilename.jpg' 具有相同的行为。添加时显示，重建后为空白。

我在重建之前有：

文档目录路径为： file:///Users/[user]/Library/Developer/CoreSimulator/Devices/33076AD2-C989-47E9-A803-3E56CC4B09D6/data/Containers/Data/Application/466CAF1A-AF8D-423C-9BF6-F0A242AF8038/Documents/

和我保存的图片 uri：

file:///Users/[user]/Library/Developer/CoreSimulator/Devices/33076AD2-C989-47E9-A803-3E56CC4B09D6/data/Containers/Data/Application/466CAF1A-AF8D-423C-9BF6-F0A242AF8038/Documents/myCustomPath/20969988-633B-46BD-8558-E39C3ADD6D12.jpg

但是在重建之后，应用程序 UUID 更改为BEE128C8-5FCF-483C-A829-8F7A0BB4E966现在我的文档目录是

file:///Users/[user]/Library/Developer/CoreSimulator/Devices/33076AD2-C989-47E9-A803-3E56CC4B09D6/data/Containers/Bundle/Application/BEE128C8-5FCF-483C-A829-8F7A0BB4E966/Documents

但仍然在 uri 中查看图片：

file:///Users/[user]/Library/Developer/CoreSimulator/Devices/33076AD2-C989-47E9-A803-3E56CC4B09D6/data/Containers/Data/Application/466CAF1A-AF8D-423C-9BF6-F0A242AF8038/Documents/myCustomPath/20969988-633B-46BD-8558-E39C3ADD6D12.jpg

当图像现在实际上位于以下位置时：

file:///Users/[user]/Library/Developer/CoreSimulator/Devices/33076AD2-C989-47E9-A803-3E56CC4B09D6/data/Containers/Data/Application/BEE128C8-5FCF-483C-A829-8F7A0BB4E966/Documents/myCustomPath/20969988-633B-46BD-8558-E39C3ADD6D12.jpg

那么，由于路径在 iOS 上是动态的，我该如何应对重建后的 App UUID 更改。

我使用的版本：

• “反应原生”：“0.57.8”，
• "react-native-fs": "^2.13.2",
• “反应原生图像选择器”：“^0.28.0”

我想保持正在上传的图像的质量（大小）。用于此的选项是

const options = { quality:1, maxWidth: 500, maxHeight: 500, allowedEditing: false, storageOptions: { skipBackup: true } }

画廊中的音频、图像和视频文件很少。但它不可滚动。我应该使用任何其他控制器来使其可滚动吗？我怎样才能实现它？我正在使用 react-native-gallery 模块。

我在查看已上传到 firebase 的图像文件时遇到问题，只是注意到问题出在 firebase 中的文件类型上。

我的 Firebase 存储控制台中有两个文件。一个从我的 IOS 模拟器（八位字节流）上传，另一个从浏览器直接上传到控制台，该浏览器可以正确上传并且可以查看。

这是我的选择和上传功能：

当我在控制台中获得链接时，它也有媒体和令牌：

... .appspot.com/o/profile-pic.jpg?alt=media&token=56eb9c36-b5cd-4dbb-bec1-3ea5c3a74bdd

如果我在 VS Code 中 CMD+单击，我会收到一个错误：

所以很自然，当我将该链接放入浏览器时，它会下载一个具有该名称的文件，但会显示：

无法打开文件“pic.jpg”。它可能已损坏或使用了 Preview 无法识别的文件格式。

也许它可能与 mediaTypes 有关，但我不确定如何使用它。

mediaTypes : String -- 选择要选择的媒体类型。用法：ImagePicker.MediaTypeOptions.，其中之一是：图像、视频、全部。

谢谢！

我是反应原生的初学者。我想在上传到 AWS s3 之前重命名图像。直到上传到 AWS s3 我已经完成了。但我不知道如何在上传之前重命名图像。

例如，我捕获的图像名称是 : image-3bcf276c-cab1-4400-83a6-8f92971977c8.jpg。我想改变它：b514c19662714234_geolocation_222222222222222.png

我怎样才能做到这一点。

我的文件上传代码是，