@bacons/css-to-expo-linear-gradient
v1.3.0
Published
Convert a CSS linear gradient function to expo-linear-gradient props
Downloads
6,181
Maintainers
Readme
@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.