Documentation Index
Fetch the complete documentation index at: https://mintlify.com/rit3zh/expo-backdrop/llms.txt
Use this file to discover all available pages before exploring further.
GaussianBlurViewProps is the complete TypeScript interface for the GaussianBlurView component exported from expo-backdrop. It is exported both under the alias GaussianBlurViewProps and its original name IGaussianBlurViewProps. The interface extends IBlurSurfaceProps, which contributes the style and children props shared across all blur surface components in the library. Unlike BlurView, which blurs whatever is rendered behind the component, GaussianBlurView blurs its own children — mirroring the behaviour of SwiftUI’s .blur(radius:opaque:) modifier.
Props
The blur strength applied to the component’s children. The value is interpreted in points on iOS
(matching SwiftUI’s
.blur(radius:)) and in density-independent pixels (dp) on Android.
A value of 0 disables blurring entirely. There is no upper clamp; in practice values above
~50 will produce a near-opaque frost for most content.Controls how edge pixels are handled when the Gaussian kernel extends beyond the content boundary.
When
false (the default), transparent pixels outside the content boundary are sampled, causing
the edges of the blurred content to fade out — the signature look of SwiftUI’s .blur modifier.
When true, edge pixels are held solid instead of fading, which prevents the translucency at
content borders. Matches the opaque parameter of SwiftUI’s .blur(radius:opaque:).Style applied to the outer view container. Supports any React Native
ViewStyle properties,
including layout (flex, width, height, margin, padding) and positioning
(position: 'absolute').The content to be blurred. Children are rendered inside the blur layer, so images, text, and any
other React Native views passed here will have the Gaussian blur applied directly to them rather
than to content behind the component.
Both
BlurView and GaussianBlurView props accept Reanimated animated values when the component
is wrapped with Animated.createAnimatedComponent. This makes it straightforward to drive
blurRadius, intensity, or style from a shared value for scroll-linked or gesture-driven
blur animations.