react-native-skia-view

A lightweight React Native helper for Skia backgrounds and gradients.

Install

npm install @spencerls/react-native-skia-view

Usage

import { SkiaView } from "react-native-skia-view";
import { LinearGradient } from "@shopify/react-native-skia";
import { Text } from "react-native";

const background = (
  <LinearGradient
    start={{ x: 0.3, y: 0 }}
    end={{ x: 0.7, y: 1 }}
    colors={["#394A5E", "#232D3C"]}
  />
);

<SkiaView backgroundComponent={background}>
  <Text>My stuff here</Text>
</SkiaView>;