@sbaiahmed1/react-native-blur/src/ReactNativeLiquidGlassViewNativeComponent.ts

React native modern blur view

import { codegenNativeComponent } from 'react-native';
import type { CodegenTypes, ViewProps } from 'react-native';

export type GlassType = 'clear' | 'regular';

export interface NativeProps extends ViewProps {
  glassType?: CodegenTypes.WithDefault<GlassType, 'clear'>;
  glassTintColor?: CodegenTypes.WithDefault<string, 'clear'>;
  glassOpacity?: CodegenTypes.WithDefault<CodegenTypes.Double, 1.0>;
  reducedTransparencyFallbackColor?: CodegenTypes.WithDefault<
    string,
    '#FFFFFF'
  >;
  isInteractive?: CodegenTypes.WithDefault<boolean, true>;
  ignoreSafeArea?: CodegenTypes.WithDefault<boolean, true>;
}

export default codegenNativeComponent<NativeProps>(
  'ReactNativeLiquidGlassView',
  { excludedPlatforms: ['android'] }
);