import React from 'react'; import { ColorValue, Dimensions, InteractionManager, Platform, StyleSheet, View, } from 'react-native'; import WebView from 'react-native-webview'; import { BlurView as RNBlurView } from '@react-native-community/blur'; export interface BlurViewProps { /** * @example rgba(0, 0, 0, 0.5) * @default "rgba(255, 255, 255, 0.8)" */ backgroundColor?: ColorValue; /** * - px 단위 * @default 10 */ blurRadius?: number; /** * @default 1000 */ zIndex?: number; blur?: boolean; } const BlurView: React.FC = ({ backgroundColor = 'rgba(3, 24, 50, 0.46)', blurRadius = 10, zIndex = 1000, blur = false, }) => { if (Platform.OS === 'android') { return ( ); } return (

`, }} /> ); }; export default BlurView;