Add reanimated 2 support for blurRadius on Image

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 :slight_smile:

            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 :frowning:

Also on a relevant note, adding reanimated support for blurView would be great too.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.