Gradientview

android: api 21+
ios : 10.0+
web: svg

Getting started

$ npm install react-native-gradientview --save
$ react-native link react-native-gradientview

or

$ yarn add react-native-gradientview

IOS

Add Swift

(expo sdk >=42 you don't need to do this)

/ios/name_project

add a .swift file

Usage

import { LinearGradient, RadialGradient,ConicGradient ,Color } from 'react-native-gradientview';

// TODO: What to do with the module?
   <LinearGradient {...props}
     colors={[Color('red'),Color('#ccc'),...]}
    />

    <RadialGradient {...props} />
    <ConicGradient {...props} />

LinearGradient

| Name | type | default | | --- | --- | --- | | startPoint | Object x y | 0.5 - 0 | | endPoint | Object x y | 0.5 - 1 | | colors | Array [Color] | white,black | | positions | Array [number] | undefined | | tileMode | (android,web) String | 'clamp' |

RadialGradient

| Name | type | default | | --- | --- | --- | | colors | Array [Color] | white,black | | positions | Array [number] | undefined | | cx | number | 0.5 | | cy | number | 0.5 | | rx | number | 0.5 | | rx | number | 0.5 | | tileMode | (android,web) String | 'clamp' |

ConicGradient

| Name | type | OS | default | | --- | --- | --- | --- | | startPoint | Object | ios | 0.5 - 0 | | endPoint | Object | ios | 0.5 - 1 | | colors | Array [Color] | android,web,ios | white,black | | positions | Array [number] | android,web,ios | undefined | | centerX | number | android,web | 0.5 | | centerY | number | android,web | 0.5 | | conicRotation | number | android,web | 0 |