Flow definition (#308)

* Add flow definition

* Minor chnage to the comments in the TypeScript definition to reflect 1a061eb45222506db8722ea371f68cbc99904549
This commit is contained in:
Levi Buzolic 2019-03-27 23:57:24 +11:00 committed by Nicolas Charpentier
parent 2dca68fc99
commit 33d62f1f22
2 changed files with 43 additions and 3 deletions

7
index.d.ts vendored
View File

@ -6,10 +6,11 @@ export interface BlurViewProperties {
| "xlight"
| "light"
| "dark"
// tvOS only
| "extraDark"
// tvOS and iOS 10+ only
| "regular"
| "prominent";
| "prominent"
// tvOS only
| "extraDark";
blurAmount?: number; // 0 - 100
style?: StyleProp<ViewStyle>;
viewRef?: number | null;

39
index.js.flow Normal file
View File

@ -0,0 +1,39 @@
// @flow
import * as React from 'react';
import {View} from 'react-native';
type ViewProps = React.ElementProps<typeof View>;
type ViewStyleProp = $PropertyType<ViewProps, 'style'>;
export type BlurType =
| 'xlight'
| 'light'
| 'dark'
// tvOS and iOS 10+ only
| 'regular'
| 'prominent'
// tvOS only
| 'extraDark';
export type BlurViewProps = {
blurType: BlurType,
blurAmount: number, // 0 - 100
style?: ?ViewStyleProp,
viewRef?: ?React.ElementRef<any>,
};
export class BlurView extends React.Component<BlurViewProps> {
static defaultProps = {
blurType: 'dark',
blurAmount: 10,
};
}
export type VibrancyViewProps = BlurViewProps;
export class VibrancyView extends React.Component<VibrancyViewProps> {
static defaultProps = {
blurAmount: 10,
};
}