Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

react-native-gradients

1.0.3 • Public • Published

React Native Gradients

React Native Gradients Demo 1 React Native Gradients Demo 2 React Native Gradients Demo 3

Installation

First of all, install React Native Gradients using following commands.

// via NPM
npm install --save react-native-gradients

// via Yarn
yarn add react-native-gradients

It uses React Native SVG library, and because of this, link this library before run application.

react-native link react-native-svg

Usage

Linear Gradient

const colorList = [
  {offset: '0%', color: '#231557', opacity: '1'},
  {offset: '29%', color: '#44107A', opacity: '1'},
  {offset: '67%', color: '#FF1361', opacity: '1'},
  {offset: '100%', color: '#FFF800', opacity: '1'}
]
<LinearGradient colorList={colorList} angle={90}/>

Radial Gradient

const colorList = [
  {offset: '0%', color: '#231557', opacity: '1'},
  {offset: '29%', color: '#44107A', opacity: '1'},
  {offset: '67%', color: '#FF1361', opacity: '1'},
  {offset: '100%', color: '#FFF800', opacity: '1'}
]
<RadialGradient x="50%" y="50%" rx="50%" ry="50%" colorList={colorList}/>

SonarCloud

install

npm i react-native-gradients

Downloadsweekly downloads

17

version

1.0.3

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability