2015-04-14 05:10:00 +00:00
|
|
|
/**
|
|
|
|
* @providesModule LinearGradient
|
|
|
|
* @flow
|
|
|
|
*/
|
2016-05-05 10:12:40 +00:00
|
|
|
import React, { PropTypes } from 'react';
|
|
|
|
import { processColor, requireNativeComponent, View } from 'react-native';
|
2015-09-29 16:43:22 +00:00
|
|
|
|
2016-06-06 14:38:37 +00:00
|
|
|
export default function LinearGradient({
|
|
|
|
colors,
|
|
|
|
locations,
|
|
|
|
...otherProps
|
|
|
|
}) {
|
2016-05-25 09:56:09 +00:00
|
|
|
|
2016-06-06 14:38:37 +00:00
|
|
|
if ((colors && locations) && (colors.length !== locations.length)) {
|
|
|
|
console.warn('LinearGradient colors and locations props should be arrays of the same length');
|
2015-09-29 16:43:22 +00:00
|
|
|
}
|
2015-03-31 17:44:16 +00:00
|
|
|
|
2016-06-06 14:38:37 +00:00
|
|
|
return (
|
|
|
|
<NativeLinearGradient
|
|
|
|
{...otherProps}
|
|
|
|
colors={colors.map(processColor)}
|
|
|
|
locations={locations ? locations.slice(0, colors.length) : null}
|
|
|
|
/>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
LinearGradient.propTypes = {
|
|
|
|
start: PropTypes.arrayOf(PropTypes.number),
|
|
|
|
end: PropTypes.arrayOf(PropTypes.number),
|
|
|
|
colors: PropTypes.arrayOf(PropTypes.string).isRequired,
|
|
|
|
locations: PropTypes.arrayOf(PropTypes.number),
|
|
|
|
...View.propTypes,
|
|
|
|
};
|
2016-01-27 13:38:15 +00:00
|
|
|
|
2016-06-06 14:38:37 +00:00
|
|
|
const NativeLinearGradient = requireNativeComponent('BVLinearGradient', null);
|