@sbaiahmed1/react-native-blur 4.5.6 → 4.5.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -3
- package/ios/Views/AdvancedBlurView.swift +6 -10
- package/lib/module/BlurView.js +1 -1
- package/lib/module/BlurView.js.map +1 -1
- package/lib/module/LiquidGlassView.js +1 -1
- package/lib/module/LiquidGlassView.js.map +1 -1
- package/lib/module/ReactNativeBlurViewNativeComponent.ts +1 -1
- package/lib/module/ReactNativeLiquidGlassViewNativeComponent.ts +2 -2
- package/lib/typescript/src/BlurView.d.ts +1 -1
- package/lib/typescript/src/ReactNativeBlurViewNativeComponent.d.ts +1 -1
- package/lib/typescript/src/ReactNativeBlurViewNativeComponent.d.ts.map +1 -1
- package/lib/typescript/src/ReactNativeLiquidGlassViewNativeComponent.d.ts +2 -2
- package/lib/typescript/src/ReactNativeLiquidGlassViewNativeComponent.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/BlurView.tsx +2 -2
- package/src/LiquidGlassView.tsx +1 -1
- package/src/ReactNativeBlurViewNativeComponent.ts +1 -1
- package/src/ReactNativeLiquidGlassViewNativeComponent.ts +2 -2
package/README.md
CHANGED
|
@@ -151,12 +151,14 @@ import { LiquidGlassView } from '@sbaiahmed1/react-native-blur';
|
|
|
151
151
|
|
|
152
152
|
## Features
|
|
153
153
|
|
|
154
|
-
- ✨ **
|
|
154
|
+
- ✨ **Six Specialized Components**:
|
|
155
155
|
- `BlurView` - Dedicated blur effects component with multiple blur types
|
|
156
156
|
- `ProgressiveBlurView` - Variable/gradient blur transitions (iOS & Android)
|
|
157
157
|
- `LiquidGlassView` - Separate component for iOS 26+ liquid glass effects
|
|
158
158
|
- `LiquidGlassContainer` - iOS 26+ glass container with configurable spacing for grouping glass elements
|
|
159
159
|
- `BlurSwitch` - Beautiful blur switch button using QmBlurView (Android)
|
|
160
|
+
- `Vibrancy View`- Beautiful Vibrancy view for iOS (iOS only)
|
|
161
|
+
|
|
160
162
|
- �🌊 **Liquid Glass Effects**: Revolutionary glass effects using iOS 26+ UIGlassEffect API
|
|
161
163
|
- 🎨 **Multiple Blur Types**: Support for various blur styles including system materials on iOS
|
|
162
164
|
- 📱 **Cross-Platform**: Works on both iOS and Android
|
|
@@ -623,7 +625,7 @@ All props are optional and have sensible defaults.
|
|
|
623
625
|
| ---------------------------------- | ------------ | ----------- | ----------------------------------------------------------------------------- |
|
|
624
626
|
| `blurType` | `BlurType` | `'xlight'` | The type of blur effect to apply |
|
|
625
627
|
| `blurAmount` | `number` | `10.0` | The intensity of the blur effect (0-100) |
|
|
626
|
-
| `ignoreSafeArea` | `boolean` | `
|
|
628
|
+
| `ignoreSafeArea` | `boolean` | `true` | (iOS only) Controls whether the blur effect should ignore all safe area edges |
|
|
627
629
|
| `reducedTransparencyFallbackColor` | `string` | `'#FFFFFF'` | Fallback color when reduced transparency is enabled |
|
|
628
630
|
| `overlayColor` | `ColorValue` | `undefined` | The overlay color to apply on top of the blur effect |
|
|
629
631
|
| `style` | `ViewStyle` | `undefined` | Style object for the blur view |
|
|
@@ -670,7 +672,7 @@ All props are optional and have sensible defaults.
|
|
|
670
672
|
| `glassTintColor` | `string` | `'clear'` | The tint color for glass effect. Accepts hex colors or color names |
|
|
671
673
|
| `glassOpacity` | `number` | `1.0` | The opacity of glass effect (0-1) |
|
|
672
674
|
| `isInteractive` | `boolean` | `true` | (iOS 26+ only) Controls whether the liquid glass effect is interactive and reacts to touch |
|
|
673
|
-
| `ignoreSafeArea` | `boolean` | `
|
|
675
|
+
| `ignoreSafeArea` | `boolean` | `true` | (iOS only) Controls whether the glass effect should ignore all safe area edges |
|
|
674
676
|
| `reducedTransparencyFallbackColor` | `string` | `'#FFFFFF'` | Fallback color when reduced transparency is enabled or on older iOS versions |
|
|
675
677
|
| `style` | `ViewStyle` | `undefined` | Style object for the glass view |
|
|
676
678
|
| `children` | `ReactNode` | `undefined` | Child components to render inside the glass view |
|
|
@@ -33,17 +33,17 @@ import UIKit
|
|
|
33
33
|
|
|
34
34
|
public override init(frame: CGRect) {
|
|
35
35
|
super.init(frame: frame)
|
|
36
|
-
setupHostingController()
|
|
37
36
|
}
|
|
38
37
|
|
|
39
38
|
required init?(coder: NSCoder) {
|
|
40
39
|
super.init(coder: coder)
|
|
41
|
-
setupHostingController()
|
|
42
40
|
}
|
|
43
41
|
|
|
44
42
|
public override func layoutSubviews() {
|
|
45
43
|
super.layoutSubviews()
|
|
46
|
-
|
|
44
|
+
// Defer controller setup until we have a valid frame to avoid issues with initial render
|
|
45
|
+
// in complex layouts (e.g. FlashList with dynamic content)
|
|
46
|
+
if hostingController == nil && bounds.width > 0 && bounds.height > 0 {
|
|
47
47
|
setupHostingController()
|
|
48
48
|
}
|
|
49
49
|
}
|
|
@@ -80,21 +80,17 @@ import UIKit
|
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
private func updateView() {
|
|
83
|
-
|
|
83
|
+
if hostingController != nil {
|
|
84
|
+
setupHostingController()
|
|
85
|
+
}
|
|
84
86
|
}
|
|
85
87
|
|
|
86
88
|
public override func didMoveToSuperview() {
|
|
87
89
|
super.didMoveToSuperview()
|
|
88
|
-
if superview != nil {
|
|
89
|
-
setupHostingController()
|
|
90
|
-
}
|
|
91
90
|
}
|
|
92
91
|
|
|
93
92
|
public override func didMoveToWindow() {
|
|
94
93
|
super.didMoveToWindow()
|
|
95
|
-
if window != nil {
|
|
96
|
-
setupHostingController()
|
|
97
|
-
}
|
|
98
94
|
}
|
|
99
95
|
|
|
100
96
|
deinit {
|
package/lib/module/BlurView.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Children","Platform","StyleSheet","View","ReactNativeBlurView","jsx","_jsx","jsxs","_jsxs","BlurView","blurType","blurAmount","reducedTransparencyFallbackColor","overlayColor","style","children","ignoreSafeArea","props","overlay","backgroundColor","commonProps","count","OS","absoluteFill","styles","container","create","position","overflow","zIndex"],"sourceRoot":"../../src","sources":["BlurView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAEzD,OAAOC,mBAAmB,MAEnB,sCAAsC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAuD9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAiC,GAAGA,CAAC;EAChDC,QAAQ,GAAG,QAAQ;EACnBC,UAAU,GAAG,EAAE;EACfC,gCAAgC,GAAG,SAAS;EAC5CC,YAAY;EACZC,KAAK;EACLC,QAAQ;EACRC,cAAc,GAAG,
|
|
1
|
+
{"version":3,"names":["React","Children","Platform","StyleSheet","View","ReactNativeBlurView","jsx","_jsx","jsxs","_jsxs","BlurView","blurType","blurAmount","reducedTransparencyFallbackColor","overlayColor","style","children","ignoreSafeArea","props","overlay","backgroundColor","commonProps","count","OS","absoluteFill","styles","container","create","position","overflow","zIndex"],"sourceRoot":"../../src","sources":["BlurView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAEzD,OAAOC,mBAAmB,MAEnB,sCAAsC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAuD9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAiC,GAAGA,CAAC;EAChDC,QAAQ,GAAG,QAAQ;EACnBC,UAAU,GAAG,EAAE;EACfC,gCAAgC,GAAG,SAAS;EAC5CC,YAAY;EACZC,KAAK;EACLC,QAAQ;EACRC,cAAc,GAAG,IAAI;EACrB,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,OAAO,GAAG;IAAEC,eAAe,EAAEN;EAAa,CAAC;EACjD,MAAMO,WAA0B,GAAG;IACjCV,QAAQ;IACRC,UAAU;IACVK,cAAc;IACdJ;EACF,CAAC;;EAED;EACA,IAAI,CAACZ,QAAQ,CAACqB,KAAK,CAACN,QAAQ,CAAC,EAAE;IAC7B,oBACET,IAAA,CAACF,mBAAmB;MAClBU,KAAK,EAAE,CAACA,KAAK,EAAEI,OAAO,CAAE;MAAA,GACpBE,WAAW;MAAA,GACXH;IAAK,CACV,CAAC;EAEN;;EAEA;EACA,IAAIhB,QAAQ,CAACqB,EAAE,KAAK,SAAS,EAAE;IAC7B,oBACEd,KAAA,CAACJ,mBAAmB;MAACU,KAAK,EAAEA,KAAM;MAAA,GAAKM,WAAW;MAAA,GAAMH,KAAK;MAAAF,QAAA,gBAC3DT,IAAA,CAACH,IAAI;QAACW,KAAK,EAAE,CAACZ,UAAU,CAACqB,YAAY,EAAEL,OAAO;MAAE,CAAE,CAAC,EAElDH,QAAQ;IAAA,CACU,CAAC;EAE1B;;EAEA;EACA,oBACEP,KAAA,CAACL,IAAI;IAACW,KAAK,EAAE,CAACU,MAAM,CAACC,SAAS,EAAEX,KAAK,EAAEI,OAAO,CAAE;IAAAH,QAAA,gBAE9CT,IAAA,CAACF,mBAAmB;MAClBU,KAAK,EAAEZ,UAAU,CAACqB,YAAa;MAAA,GAC3BH,WAAW;MAAA,GACXH;IAAK,CACV,CAAC,eAEFX,IAAA,CAACH,IAAI;MAACW,KAAK,EAAEU,MAAM,CAACT,QAAS;MAAAA,QAAA,EAAEA;IAAQ,CAAO,CAAC;EAAA,CAC3C,CAAC;AAEX,CAAC;AAED,eAAeN,QAAQ;AAEvB,MAAMe,MAAM,GAAGtB,UAAU,CAACwB,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,QAAQ,EAAE,UAAU;IACpBC,QAAQ,EAAE;EACZ,CAAC;EACDb,QAAQ,EAAE;IACRY,QAAQ,EAAE,UAAU;IACpBE,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Platform","ReactNativeLiquidGlassView","BlurView","jsx","_jsx","LiquidGlassView","glassType","glassTintColor","glassOpacity","reducedTransparencyFallbackColor","isInteractive","ignoreSafeArea","style","children","props","isIos","OS","Number","parseInt","String","Version","console","warn","overlayColorWithAlpha","Math","floor","toString","padStart","blurAmount","overlayColor"],"sourceRoot":"../../src","sources":["LiquidGlassView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,cAAc;AAEvC,OAAOC,0BAA0B,MAE1B,6CAA6C;AACpD,OAAOC,QAAQ,MAAM,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgElC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAA+C,GAAGA,CAAC;EAC9DC,SAAS,GAAG,OAAO;EACnBC,cAAc,GAAG,OAAO;EACxBC,YAAY,GAAG,GAAG;EAClBC,gCAAgC,GAAG,SAAS;EAC5CC,aAAa,GAAG,IAAI;EACpBC,cAAc,GAAG,
|
|
1
|
+
{"version":3,"names":["React","Platform","ReactNativeLiquidGlassView","BlurView","jsx","_jsx","LiquidGlassView","glassType","glassTintColor","glassOpacity","reducedTransparencyFallbackColor","isInteractive","ignoreSafeArea","style","children","props","isIos","OS","Number","parseInt","String","Version","console","warn","overlayColorWithAlpha","Math","floor","toString","padStart","blurAmount","overlayColor"],"sourceRoot":"../../src","sources":["LiquidGlassView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,cAAc;AAEvC,OAAOC,0BAA0B,MAE1B,6CAA6C;AACpD,OAAOC,QAAQ,MAAM,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgElC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAA+C,GAAGA,CAAC;EAC9DC,SAAS,GAAG,OAAO;EACnBC,cAAc,GAAG,OAAO;EACxBC,YAAY,GAAG,GAAG;EAClBC,gCAAgC,GAAG,SAAS;EAC5CC,aAAa,GAAG,IAAI;EACpBC,cAAc,GAAG,IAAI;EACrBC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAGf,QAAQ,CAACgB,EAAE,KAAK,KAAK;;EAEnC;EACA,IAAI,CAACD,KAAK,IAAKA,KAAK,IAAIE,MAAM,CAACC,QAAQ,CAACC,MAAM,CAACnB,QAAQ,CAACoB,OAAO,CAAC,EAAE,EAAE,CAAC,GAAG,EAAG,EAAE;IAC3EC,OAAO,CAACC,IAAI,CACV,oFACF,CAAC;;IAED;IACA,MAAMC,qBAAqB,GACzBhB,cAAc,GACdiB,IAAI,CAACC,KAAK,CAACjB,YAAY,GAAG,GAAG,CAAC,CAC3BkB,QAAQ,CAAC,EAAE,CAAC,CACZC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;IAErB,oBACEvB,IAAA,CAACF,QAAQ;MACP0B,UAAU,EAAE,EAAG;MACfC,YAAY,EAAEN,qBAAsB;MACpCd,gCAAgC,EAAEA,gCAAiC;MACnEE,cAAc,EAAEA,cAAe;MAC/BC,KAAK,EAAEA,KAAM;MAAAC,QAAA,EAEZA;IAAQ,CACD,CAAC;EAEf;;EAEA;EACA,oBACET,IAAA,CAACH,0BAA0B;IACzBK,SAAS,EAAEA,SAAU;IACrBC,cAAc,EAAEA,cAAe;IAC/BC,YAAY,EAAEA,YAAa;IAC3BC,gCAAgC,EAAEA,gCAAiC;IACnEC,aAAa,EAAEA,aAAc;IAC7BC,cAAc,EAAEA,cAAe;IAC/BC,KAAK,EAAEA,KAAM;IAAA,GACTE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACiB,CAAC;AAEjC,CAAC;AAED,eAAeR,eAAe","ignoreList":[]}
|
|
@@ -32,7 +32,7 @@ interface NativeProps extends ViewProps {
|
|
|
32
32
|
blurAmount?: WithDefault<Double, 10.0>;
|
|
33
33
|
blurType?: WithDefault<BlurType, 'xlight'>;
|
|
34
34
|
reducedTransparencyFallbackColor?: WithDefault<string, '#FFFFFF'>;
|
|
35
|
-
ignoreSafeArea?: WithDefault<boolean,
|
|
35
|
+
ignoreSafeArea?: WithDefault<boolean, true>;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
export default codegenNativeComponent<NativeProps>('ReactNativeBlurView');
|
|
@@ -46,9 +46,9 @@ interface NativeProps extends ViewProps {
|
|
|
46
46
|
/**
|
|
47
47
|
* Whether the glass view should ignore safe area insets
|
|
48
48
|
* Platform: iOS only
|
|
49
|
-
* @default
|
|
49
|
+
* @default true
|
|
50
50
|
*/
|
|
51
|
-
ignoreSafeArea?: WithDefault<boolean,
|
|
51
|
+
ignoreSafeArea?: WithDefault<boolean, true>;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
export default codegenNativeComponent<NativeProps>(
|
|
@@ -5,7 +5,7 @@ interface NativeProps extends ViewProps {
|
|
|
5
5
|
blurAmount?: WithDefault<Double, 10.0>;
|
|
6
6
|
blurType?: WithDefault<BlurType, 'xlight'>;
|
|
7
7
|
reducedTransparencyFallbackColor?: WithDefault<string, '#FFFFFF'>;
|
|
8
|
-
ignoreSafeArea?: WithDefault<boolean,
|
|
8
|
+
ignoreSafeArea?: WithDefault<boolean, true>;
|
|
9
9
|
}
|
|
10
10
|
declare const _default: import("react-native/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
|
|
11
11
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReactNativeBlurViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/ReactNativeBlurViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,WAAW,EACX,MAAM,EACP,MAAM,2CAA2C,CAAC;AAEnD,MAAM,MAAM,QAAQ,GAChB,QAAQ,GACR,OAAO,GACP,MAAM,GACN,WAAW,GACX,SAAS,GACT,WAAW,GACX,yBAAyB,GACzB,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,sBAAsB,GACtB,8BAA8B,GAC9B,yBAAyB,GACzB,qBAAqB,GACrB,0BAA0B,GAC1B,2BAA2B,GAC3B,6BAA6B,GAC7B,wBAAwB,GACxB,oBAAoB,GACpB,yBAAyB,GACzB,0BAA0B,CAAC;AAE/B,UAAU,WAAY,SAAQ,SAAS;IACrC,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC3C,gCAAgC,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAClE,cAAc,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ReactNativeBlurViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/ReactNativeBlurViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,WAAW,EACX,MAAM,EACP,MAAM,2CAA2C,CAAC;AAEnD,MAAM,MAAM,QAAQ,GAChB,QAAQ,GACR,OAAO,GACP,MAAM,GACN,WAAW,GACX,SAAS,GACT,WAAW,GACX,yBAAyB,GACzB,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,sBAAsB,GACtB,8BAA8B,GAC9B,yBAAyB,GACzB,qBAAqB,GACrB,0BAA0B,GAC1B,2BAA2B,GAC3B,6BAA6B,GAC7B,wBAAwB,GACxB,oBAAoB,GACpB,yBAAyB,GACzB,0BAA0B,CAAC;AAE/B,UAAU,WAAY,SAAQ,SAAS;IACrC,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC3C,gCAAgC,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAClE,cAAc,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;CAC7C;;AAED,wBAA0E"}
|
|
@@ -35,9 +35,9 @@ interface NativeProps extends ViewProps {
|
|
|
35
35
|
/**
|
|
36
36
|
* Whether the glass view should ignore safe area insets
|
|
37
37
|
* Platform: iOS only
|
|
38
|
-
* @default
|
|
38
|
+
* @default true
|
|
39
39
|
*/
|
|
40
|
-
ignoreSafeArea?: WithDefault<boolean,
|
|
40
|
+
ignoreSafeArea?: WithDefault<boolean, true>;
|
|
41
41
|
}
|
|
42
42
|
declare const _default: import("react-native/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
|
|
43
43
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReactNativeLiquidGlassViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/ReactNativeLiquidGlassViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,WAAW,EACX,MAAM,EACP,MAAM,2CAA2C,CAAC;AAEnD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE5C,UAAU,WAAY,SAAQ,SAAS;IACrC;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAE5C;;;;OAIG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE9C;;;;OAIG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAExC;;;;OAIG;IACH,gCAAgC,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAElE;;;;OAIG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAE3C;;;;OAIG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ReactNativeLiquidGlassViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/ReactNativeLiquidGlassViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EACV,WAAW,EACX,MAAM,EACP,MAAM,2CAA2C,CAAC;AAEnD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE5C,UAAU,WAAY,SAAQ,SAAS;IACrC;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAE5C;;;;OAIG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE9C;;;;OAIG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAExC;;;;OAIG;IACH,gCAAgC,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAElE;;;;OAIG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAE3C;;;;OAIG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;CAC7C;;AAED,wBAGE"}
|
package/package.json
CHANGED
package/src/BlurView.tsx
CHANGED
|
@@ -46,7 +46,7 @@ export interface BlurViewProps {
|
|
|
46
46
|
/**
|
|
47
47
|
* @description style object for the blur view
|
|
48
48
|
*
|
|
49
|
-
* @default
|
|
49
|
+
* @default true
|
|
50
50
|
*/
|
|
51
51
|
ignoreSafeArea?: boolean;
|
|
52
52
|
|
|
@@ -87,7 +87,7 @@ export const BlurView: React.FC<BlurViewProps> = ({
|
|
|
87
87
|
overlayColor,
|
|
88
88
|
style,
|
|
89
89
|
children,
|
|
90
|
-
ignoreSafeArea =
|
|
90
|
+
ignoreSafeArea = true,
|
|
91
91
|
...props
|
|
92
92
|
}) => {
|
|
93
93
|
const overlay = { backgroundColor: overlayColor };
|
package/src/LiquidGlassView.tsx
CHANGED
|
@@ -106,7 +106,7 @@ export const LiquidGlassView: React.FC<LiquidGlassViewProps> = ({
|
|
|
106
106
|
glassOpacity = 1.0,
|
|
107
107
|
reducedTransparencyFallbackColor = '#FFFFFF',
|
|
108
108
|
isInteractive = true,
|
|
109
|
-
ignoreSafeArea =
|
|
109
|
+
ignoreSafeArea = true,
|
|
110
110
|
style,
|
|
111
111
|
children,
|
|
112
112
|
...props
|
|
@@ -32,7 +32,7 @@ interface NativeProps extends ViewProps {
|
|
|
32
32
|
blurAmount?: WithDefault<Double, 10.0>;
|
|
33
33
|
blurType?: WithDefault<BlurType, 'xlight'>;
|
|
34
34
|
reducedTransparencyFallbackColor?: WithDefault<string, '#FFFFFF'>;
|
|
35
|
-
ignoreSafeArea?: WithDefault<boolean,
|
|
35
|
+
ignoreSafeArea?: WithDefault<boolean, true>;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
export default codegenNativeComponent<NativeProps>('ReactNativeBlurView');
|
|
@@ -46,9 +46,9 @@ interface NativeProps extends ViewProps {
|
|
|
46
46
|
/**
|
|
47
47
|
* Whether the glass view should ignore safe area insets
|
|
48
48
|
* Platform: iOS only
|
|
49
|
-
* @default
|
|
49
|
+
* @default true
|
|
50
50
|
*/
|
|
51
|
-
ignoreSafeArea?: WithDefault<boolean,
|
|
51
|
+
ignoreSafeArea?: WithDefault<boolean, true>;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
export default codegenNativeComponent<NativeProps>(
|