39 lines
760 B
Plaintext
39 lines
760 B
Plaintext
|
// @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,
|
||
|
|
};
|
||
|
|
|
||
|
|
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,
|
||
|
|
};
|
||
|
|
}
|