react-native-gradientview

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