Combine shaders?

[rolfb]

Not sure if this is the correct place to comment upon this, but was looking at the great video and it seems like the source code has been updated compared to what was shown.

Attempted to use this with a many images and FlashList, but the performance was terrible seemingly due to the nested <Shader> components. Is there a good way to combine them so there's only one Shader-component but retaining the same effect?

My shady attempts to make multiple passes didn't work so well, perhaps because the mask needs to be applied before each blur pass?

https://github.com/wcandillon/can-it-be-done-in-react-native/blob/ceb3d22418d6e7d3dc7535e1710f04d03c150b6e/bonuses/skia-examples/src/BlurGradient/BlurMask/BlurMask.tsx#L15-L30