React Native - 使用 showShareActionSheetWithOptions 共享本地图像

【问题标题】：React Native - Share local image with showShareActionSheetWithOptionsReact Native - 使用 showShareActionSheetWithOptions 共享本地图像
【发布时间】：2017-01-31 05:14:59
【问题描述】：

我有一个关于与showShareActionSheetWithOptions 共享本地图像的问题。

这是我的代码：

ActionSheetIOS.showShareActionSheetWithOptions({
  title: "React Native",
  message: "Hola mundo",
  url: '@theme/img/share/share.png',
  subject: "Share Link" //  for email
});

来自documentation： “如果 URL 指向本地文件，或者它是 base64 编码的 URI，则它指向的文件将被直接加载和共享”。

但它不起作用。我不确定如何访问或如何获取图像的路径。在我的应用程序根文件夹（index.io.js 所在的位置）中，我有一个“src/theme/img”文件夹，我的所有图像都在其中。

在 react-native 的示例中，他们拥有 .js 文件所在位置的图像，但这也不起作用。

【问题讨论】：

标签： javascript ios reactjs react-native share

【解决方案1】：

在当前的 React Native 版本 (0.49) 中，有效的 URL 可以是：

选自 Expo API 的ImagePicker
截图来自ReactNative.takeSnapshot('window')

路径如下：

/private/var/mobile/Containers/Data/Application/7A8EA990-D8C0-43B9-A527-365111FCBBA0/tmp/ReactABI21_0_0Native/9BD50E06-3D6F-4E44-9465-A17D6BE399D4.png

或

file:///var/mobile/Containers/Data/Application/7A8EA990-D8C0-43B9-A527-365111FCBBA0/Library/Caches/ExponentExperienceData/%2540anonymous%252Ftestapp2-d4b9a2f3-ffbf-4cba-8b8d-cd555cd62ca8/ImagePicker/2D289B12-4090-4F66-AE2B-BCDDB1C3086C.jpg

但是，不支持像 ./theme/img/share/share.png 这样的本地图像 URL。顺便说一句，asset-library:// URL 也不支持。

【讨论】：