react-native-linear-gradient/index.ios.js

36 lines
946 B
JavaScript

/**
* @providesModule LinearGradient
* @flow
*/
import React, { PropTypes } from 'react';
import { processColor, requireNativeComponent, View } from 'react-native';
export default function LinearGradient({
colors,
locations,
...otherProps
}) {
if ((colors && locations) && (colors.length !== locations.length)) {
console.warn('LinearGradient colors and locations props should be arrays of the same length');
}
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,
};
const NativeLinearGradient = requireNativeComponent('BVLinearGradient', null);