React Native: отображать массив пикселей в компоненте Image (blurha sh) - PullRequest
0 голосов
/ 06 апреля 2020

Как бы я отобразил массив пикселей (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, который нельзя использовать в качестве источника изображения.

Может ли кто-нибудь помочь мне здесь?

...