'How to make a pixelated blur in React NAtive

I have seen questions like this asking about how to achieve a gradient/gaussian blur effect, but I am hoping to get a pixelated or blocky blur working for some text in my app. I can't find any libraries that do it and want to take a crack at writing it myself, unfortunately I cannot find any reference on painting an effect over React Native components (as I'm sure I would need to do). Is this even something that is technically possible under React Native? And if so where do I start?

--I am using Expo so pure JS solutions are preferred but I can use native code if needed--

I would love to be able to achieve something akin to the first effect: An image showing a two blocks of text, the first is blurred with a pixelated layer over it. The second has a standard gradient blur.



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source