android - React-Native 0.63 无法访问 Android 10 中的设备存储图像

Question

我正在使用 React Native 0.63。我想从手机的设备存储中显示 FlatList 中的图像，并使用 <Image/>对于 renderItem FlatList 的 Prop 。使用 source Prop ，我添加了一个uri键，但我仍然看不到图像。正在 FlatList 中生成图像 block ，当我尝试滚动列表时，我能够在右侧看到细滚动条。

这就是我正在做的显示图像的事情。 (此处使用的 uri 是我从 CameraRoll.getPhotos() API 获取的图像)

<Image
 source={{ uri: 'file:///storage/emulated/0/Pictures/Twitter/20201019_160855.jpg'}}
 style={{ height: 100, width: 100 }}
/>

我已经确定了以下几点:

1. 允许READ_EXTERNAL_STORAGE和 WRITE_EXTERNAL_STORAGE应用程序的权限。
2. 已添加 file://文件前缀。
3. 确保source={{ uri: ... }}在 <Image/>适用于外部链接，尝试使用 Google Logo ，来自互联网的随机 jpeg。

我注意到的另一件事是，我在遇到此问题的设备上使用的是搭载 Android 10 的三星手机。我尝试在 Google Nexus 5 Android 模拟器上运行它，它也可以在 Android 10 上运行并且运行良好(这样，我的意思是我能够访问模拟器的设备存储，而不是使用上面指定的完全相同的 uri)。

更新: 尝试在 Android 7 上编译应用程序，上面的东西工作正常。 SDK 版本有任何问题吗？

Answer 1

您是否遇到权限被拒绝的错误？

这可能会有帮助: https://github.com/react-native-image-picker/react-native-image-picker/issues/1259

尝试添加的东西:

android:requestLegacyExternalStorage="true"

...到您的 AndroidManifest.xml 中的标记。

---

警告:

自 2021 年 5 月 5 日起:Play 商店不会接受此实现并删除所有使用它的应用，除非该应用在功能上确实需要它并且需要请求。

实现将需要使用分区存储。