Poznaj React Native Skia

Dowiedz się, czym jest oraz jak działa Skia na React Native w JavaScript.

Kiedy kilka lat temu Google wypuściło Fluttera, ich motto brzmiało bardzo prosto: Masz kontrolę nad każdym pikselem na ekranie. Co w zasadzie przekłada się na od dzisiaj możesz zrobić wszystko w dowolnym miejscu swojej aplikacji, włączając w to te urocze płynne menu lub animacje ścieżek, które mogłeś zrobić tylko w After Effects. Ale jak oni to niby zrobili?Było to możliwe dzięki bibliotece Skia i silnikowi renderującemu, który omówimy w tym artykule. Dla tych, którzy nie wiedzą, Skia jest systemem renderowania akcelerowanym układami GPU, który zawiera wiele graficznych API, w tym rysowanie ścieżek, filtry obrazu, niestandardowe shadery i cały zestaw narzędzi SVG. Dlatego ludzie z Fluttera wpadli na pomysł, iż robienie Skia canvas jako cały obszar wyświetlania aplikacji i każdy element GUI wewnątrz, zostałby przerysowany i wyglądałby jak natywny. Ponieważ wszystkie są w Skia canvas, to jeżeli zrobiłbyś coś wymyślnego i „fancy”, przykładowo rozmywanie, to też mógłbyś to zrobić. To oczywiście błyskawicznie wywołało efekt wow w społeczności i od tego czasu ludzie tworzyli interesujące i barwne projekty dla swojej aplikacji.Wiemy już czym jest Skia, tak więc wróćmy do tematu naszego artykułu;