@bacons/css-to-expo-linear-gradient

Demo: snack

Convert a CSS linear gradient function to expo-linear-gradient props.

Add the package to your npm dependencies

yarn add @bacons/css-to-expo-linear-gradient

Usage

1import { fromCSS } from "@bacons/css-to-expo-linear-gradient";
2import { LinearGradient } from "expo-linear-gradient";
3
4function App() {
5  return (
6    <LinearGradient
7      {...fromCSS(
8        `linear-gradient(0deg, #ff008450 0%, #fca40040 25%, #ffff0030 40%, #00ff8a20 60%, #00cfff40 75%, #cc4cfa50 100%);`
9      )}
10    />
11  );
12}

Attribution

Most of the code is adapted from this project which converts CSS linear gradients to canvas gradients.