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 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?

can-it-be-done-in-react-native/bonuses/skia-examples/src/BlurGradient/BlurMask/BlurMask.tsx

Lines 15 to 30 in ceb3d22

	<Fill>
	<Shader
	source={source}
	uniforms={{
	direction: vec(1, 0),
	}}
	>
	<Shader
	source={source}
	uniforms={{
	direction: vec(0, 1),
	}}
	>
	{children}
	{mask}
	</Shader>