如何将 PNG 图像转换为 base64 - React Native

Question

我在我的应用程序文件夹中存储了一些 PNG 图像。现在我想将该 PNG 图像转换为 base64。

图片文件路径：

app > assets > images > sample.png

我试过 react-native-fs 库，它给了我这样的警告

Error: ENOENT: no such file or directory, open '/private/var/containers/Bundle/Application/4BE270A4-01B2-41D6-8488-15741E9E47CF/Wapp.app/assets/app/assets/images/sample.png

一些 PNG 文件可以使用。而这个 PNG 不能使用。

注意：我只想在 iOS 方面进行这项工作。

我的代码库：

  const imageData = await RNFS.readFile(
      RNFS.MainBundlePath + '/assets/app/assets/images/sample.png',
      'base64',
    ).then();

Answer 1

终于，我找到了解决这个问题的方法。

基本上，问题是我需要将资产与 iOS 构建捆绑在一起，还需要将资产文件夹添加到 Xcode 和 link 中。

步骤：

使用此命令iOS 构建捆绑所有资产

react-native bundle  --minify --dev false --assets-dest ./ios --entry-file index.js --platform ios --bundle-output ios/main.jsbundle

在此之后将包含所有图像的资产文件夹添加到 Xcode。

如何将 PNG 图像转换为 base64 - React Native

How to convert PNG image to base64 - React Native

ios

reactjs

react-native

react-native-fs