Как бы я отобразил массив пикселей (UInt8ClampedArray
или UInt8Array
) в компоненте React Native <Image>
?
Я использую blurha sh библиотека для декодирования строки, которую моя веб-конечная точка отправила мне, скажем, UAKBgy~qM|IU0000-;M{_3t5D%RQ00_3xaIU
, которую я хочу отобразить как размытое изображение в моем представлении.
Я попытался установить его в свойстве uri
источника изображения, но изображение просто ничего не отображало.
import { decode } from 'blurhash';
// ...
const myHash = 'UAKBgy~qM|IU0000-;M{_3t5D%RQ00_3xaIU';
const result = decode(myHash, 32, 32);
const base64 = `data:image/jpeg;base64,${result.toString()}`;
const imgSource = { uri: base64 };
// ...
<Image source={imgSource} ...
Функция decode
возвращает UInt8ClampedArray
, который нельзя использовать в качестве источника изображения.
Может ли кто-нибудь помочь мне здесь?