It would be great if we could animate props blurRadius of image, I tried it already and it does not work.
I tried setting it from the ui thread too, it doesn’t seem to work very well, either.
using:
ref.current.setNativeProps({ blurRadius: originalBlur-i })
So right now I’m doing it with
for (let i = 0; i <= originalBlur; i = i + 2) {
setTimeout(()=>{
if(ref && ref.current){
ref.current.setNativeProps({ blurRadius: originalBlur-i })
if(originalBlur-i - 2 < 0){
setTimeout(()=>{
ref.current.setNativeProps({ blurRadius: 0 })
},50);
}
}
},i*50);
}
Not very smooth
Also on a relevant note, adding reanimated support for blurView would be great too.