@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
import { fromCSS } from "@bacons/css-to-expo-linear-gradient";
import { LinearGradient } from "expo-linear-gradient";
function App() {
return (
<LinearGradient
{...fromCSS(
`linear-gradient(0deg, #ff008450 0%, #fca40040 25%, #ffff0030 40%, #00ff8a20 60%, #00cfff40 75%, #cc4cfa50 100%);`
)}
/>
);
}
Attribution
Most of the code is adapted from this project which converts CSS linear gradients to canvas gradients.
4 Nov 2, 2022
186 Dec 24, 2022
1 Jan 7, 2022
4 Jun 28, 2022
90 Dec 23, 2022
26 Apr 29, 2022
82 Dec 14, 2022
11 Oct 1, 2022
60 Dec 30, 2022