React-native-linear-gradient: Flow Error on style prop

Created on 4 Feb 2019 · 2Comments · Source: react-native-linear-gradient/react-native-linear-gradient

Hello,

I'm running into a Flow issue with the following component:

// @flow
import React from 'react';
import { TouchableWithoutFeedback } from 'react-native';
import LinearGradient from 'react-native-linear-gradient';
import styles from './styles';

const defaultGradientColours = ['#33000000', '#00B2D6'];
const gradientColours = defaultGradientColours;

const Background = () => (
  <TouchableWithoutFeedback onPress={this.onPress}>
    <LinearGradient colors={gradientColours} style={styles.backgroundGradient} />
  </TouchableWithoutFeedback>
);

export default Background;

The error message is:

Cannot create LinearGradient element because property style is missing in object type [1] but exists in props [2].

     src/Background.js
     13│
     14│ const Background = () => (
     15│   <TouchableWithoutFeedback onPress={() => dependencies.Analytics.headerPressed()}>
 [2] 16│     <LinearGradient colors={gradientColours} style={styles.backgroundGradient} />
     17│   </TouchableWithoutFeedback>
     18│ );
     19│

     node_modules/react-native-linear-gradient/common.js
 [1]  8│ export type Props = $Exact<{
      9│   start?: Point;
     10│   end?: Point;
     11│   colors: string[];
     12│   locations?: number[];
     13│   useAngle?: boolean;
     14│   angleCenter?: Point;
     15│   angle?: number;
     16│ }> & typeof(View);

It seems that Flow isn't able to derive the type declaration of View in the union of Props and typeof(View).

I'm not sure if I'm missing anything out of the ordinary.
Here are the dependencies: