@react-native-community/blur
Advanced tools
Comparing version
@@ -5,3 +5,3 @@ import * as React from "react"; | ||
export interface BlurViewProperties { | ||
blurType: | ||
blurType?: | ||
| "xlight" | ||
@@ -32,2 +32,3 @@ | "light" | ||
blurAmount?: number // 0 - 100 | ||
reducedTransparencyFallbackColor?: string | ||
style?: StyleProp<ViewStyle> | ||
@@ -34,0 +35,0 @@ blurRadius?: number |
{ | ||
"name": "@react-native-community/blur", | ||
"version": "3.5.0", | ||
"version": "3.6.0", | ||
"description": "React Native Blur component", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
@@ -98,2 +98,4 @@ # `@react-native-community/blur` | ||
- `0-100` - Adjusts blur intensity | ||
- `reducedTransparencyFallbackColor` (Color) (iOS only) | ||
- `black, white, #rrggbb, etc` - background color to use if accessibility setting ReduceTransparency is enabled | ||
@@ -126,2 +128,3 @@ > Note: The maximum `blurAmount` on Android is 32, so higher values will be clamped to 32. | ||
blurAmount={10} | ||
reducedTransparencyFallbackColor="white" | ||
/> | ||
@@ -151,5 +154,7 @@ <Text>I'm the non blurred text because I got rendered on top of the BlurView</Text> | ||
If the [accessibility setting `Reduce Transparency`](https://support.apple.com/guide/iphone/display-settings-iph3e2e1fb0/ios) is enabled the `BlurView` will use `reducedTransparencyFallbackColor` as it's background color rather than blurring. If no `reducedTransparencyFallbackColor` is provided, the`BlurView`will use the default fallback color (white, black, or grey depending on `blurType`) | ||
### VibrancyView | ||
**Uses the same properties as `BlurView` (`blurType` and `blurAmount`).** | ||
**Uses the same properties as `BlurView` (`blurType`, `blurAmount`, and `reducedTransparencyFallbackColor`).** | ||
@@ -156,0 +161,0 @@ > The vibrancy effect lets the content underneath a blurred view show through more vibrantly |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
57399
19.94%34
3.03%302
0.33%283
1.8%