import {Canvas, Circle, Group} from "@shopify/react-native-skia";

export const HelloWorld = () => {

  const size = 256;

  const r = size * 0.33;

  return (

    <Canvas style={{ flex: 1 }}>

      <Group blendMode="multiply">

        <Circle cx={r} cy={r} r={r} color="cyan" />

        <Circle cx={size - r} cy={r} r={r} color="magenta" />

        <Circle

          cx={size/2}

          cy={size - r}

          r={r}

          color="yellow"

        />

      </Group>

    </Canvas>

  );

};

import RadialGradient from 'react-native-radial-gradient';

​

// TODO: What to do with the module?

<RadialGradient style={{width:200,height:200}}

                        colors={['black','green','blue','red']}

                        stops={[0.1,0.4,0.3,0.75]}

                        center={[100,100]}

                        radius={200}>

          {child elements}

</RadialGradient>