40 lines
796 B
Plaintext
40 lines
796 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,
|
|
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,
|
|
};
|
|
}
|