expo-conic-gradient
Installation
yarn add expo-conic-gradient
Usage
import { ConicGradientView } from "expo-conic-gradient";
export default () => {
return (
<ConicGradientView
colors={["red", "orange", "yellow", "green", "blue"]}
/>
);
};
API
import { ConicGradientView } from "expo-conic-gradient";
Props
name | type | default |
---|---|---|
colors | string[] | |
locations | number[] | [] |
center | [x: number, y: number] | [0.5, 0.5] |
angle | number | 0 |
colors
An array of colors representing the gradient stops. A minimum of two colors is required.
locations
An array of numbers in 0
- 1
range, matching the length of the colors
array. Each number specifies the stop of the corresponding color. If omitted, the colors will be evenly spaced throughout the gradient.
center
An array of two numbers specifying the x and y coordinate of the center point of the gradient.
angle
A number that specifies the starting angle of the gradient.