gl-react-blur icon indicating copy to clipboard operation
gl-react-blur copied to clipboard

[RN 0.56 iOS] No loader found for value

Open Stan64 opened this issue 6 years ago • 3 comments

After installing the latest gl-react, gl-react-native and react-native-webgl on a clean RN 0.56 and get them to work without major fault I installed this library. In the documentation it doesn't say you need to use <Surface> so was a bit of trial and error. But now I have the basic example set up and get this error.

Node#7(blur1D#2), uniform t: no loader found for value "http://i.imgur.com/zJIxPEo.jpg" "http://i.imgur.com/zJIxPEo.jpg"

I'm doing nothing fancy here.

import { Surface } from "gl-react-native";
import { Blur } from "gl-react-blur";

<Surface style={{width: imgWidth, height: imgHeight}}>
  <Blur factor={0.5} passes={4}>
    http://i.imgur.com/zJIxPEo.jpg
  </Blur>
</Surface>

Stan64 avatar Jul 27 '18 12:07 Stan64

can you try to use in inner children {{ uri: http://i.imgur.com/zJIxPEo.jpg }} ?

gre avatar Jul 27 '18 13:07 gre

That actually works. But I had to add quotation AND switch to https as http didn't work or gave me garbled images on those I tried from imgur. {{ uri: 'https://i.imgur.com/zJIxPEo.jpg' }}

Stan64 avatar Jul 27 '18 13:07 Stan64

I used it like yours but I got an error 'GL.Surface: width prop must be a strictly positive number'. <Surface style={{ width: 200, height: 100 }}> <Blur factor={0.5} passes={4}> {{ uri: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1561464142040&di=bb5c8647d149a5a07238ca8fe0a88297&imgtype=0&src=http%3A%2F%2Fpic.rmb.bdstatic.com%2F162e189b94a5faac15a4fba25ea242e1.jpeg' }} </Blur> </Surface> Can you tell me how to fix it?

zanetti4 avatar Jun 25 '19 09:06 zanetti4