Преобразование статического изображения в Base64 в ReactNative

Question

У меня есть статическое изображение, которое мне нужно конвертировать в Base64 а затем отправьте его на собственный код Android/iOS.

Если я выберу изображение из файла, я смогу отправить его в собственный код и преобразовать его в Base64,

Но что, если у меня есть статическое изображение, а затем отправить его на нативный код.

<Image source={require('./img/icon.png')}/>

я хочу icon.png для отправки в родной модуль Android/iOS.

Я сделал нативное кодирование, это что-то вроде этого

@ReactMethod
public void filterBase64(String base64, Callback stringCallback) {

}

Но застрял на том, как отправить Base64

Я проверил реакцию native-image-to-base64, но не могу найти решение, когда использую

NativeModules.RNImageToBase64.getBase64String(uri, (err, base64) => {
    // Do something with the base64 string 
})

Показывает ошибку undefined is not an object

Answer 1

С помощью плагина RNFS вы можете получить доступ к ресурсам React Native и преобразовать их в Base64.

var RNFS = require('react-native-fs')
b64data = awaitRNFS.readFile('./img/icon.png', 'base64').then();
console.log(b64data);