gl-react-blur
gl-react-blur copied to clipboard
[RN 0.56 iOS] No loader found for value
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>
can you try to use in inner children {{ uri: http://i.imgur.com/zJIxPEo.jpg }}
?
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' }}
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?