Как конвертировать PNG-изображение в base64 — React Native

#ios #reactjs #react-native #react-native-fs

#iOS #reactjs #реагировать-родной #react-native-fs

Вопрос:

Я сохранил несколько изображений PNG в папке моего приложения. И теперь я хочу преобразовать эти изображения в формате PNG в base64.

Путь к файлу изображения :

app > assets > images > sample.png

Я попробовал библиотеку react-native-fs, и она выдает мне такое предупреждение

Ошибка: ENOENT: нет такого файла или каталога, откройте ‘/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();
 

Ответ №1:

Наконец, я нашел решение этой проблемы.

По сути, проблема заключалась в том, что мне нужно было связать ресурсы со сборкой iOS, а также добавить папку assets в Xcode и связать ее.

Шаги :

Объедините все ресурсы с сборкой iOS с помощью этой команды

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

После этого добавьте папку assets, содержащую все изображения, в Xcode.

введите описание изображения здесь