mirror of
https://github.com/status-im/react-native-blur.git
synced 2025-02-17 02:46:36 +00:00
Add iOS 13 blurs
This commit is contained in:
parent
dc00052b41
commit
5487e0fdea
16
index.d.ts
vendored
16
index.d.ts
vendored
@ -6,6 +6,22 @@ export interface BlurViewProperties {
|
|||||||
| "xlight"
|
| "xlight"
|
||||||
| "light"
|
| "light"
|
||||||
| "dark"
|
| "dark"
|
||||||
|
// iOS 13+ only
|
||||||
|
| "chromeMaterial"
|
||||||
|
| "material"
|
||||||
|
| "thickMaterial"
|
||||||
|
| "thinMaterial"
|
||||||
|
| "ultraThinMaterial"
|
||||||
|
| "chromeMaterialDark"
|
||||||
|
| "materialDark"
|
||||||
|
| "thickMaterialDark"
|
||||||
|
| "thinMaterialDark"
|
||||||
|
| "ultraThinMaterialDark"
|
||||||
|
| "chromeMaterialLight"
|
||||||
|
| "materialLight"
|
||||||
|
| "thickMaterialLight"
|
||||||
|
| "thinMaterialLight"
|
||||||
|
| "ultraThinMaterialLight"
|
||||||
// tvOS and iOS 10+ only
|
// tvOS and iOS 10+ only
|
||||||
| "regular"
|
| "regular"
|
||||||
| "prominent"
|
| "prominent"
|
||||||
|
@ -58,7 +58,28 @@
|
|||||||
if ([self.blurType isEqual: @"regular"]) return UIBlurEffectStyleRegular;
|
if ([self.blurType isEqual: @"regular"]) return UIBlurEffectStyleRegular;
|
||||||
if ([self.blurType isEqual: @"prominent"]) return UIBlurEffectStyleProminent;
|
if ([self.blurType isEqual: @"prominent"]) return UIBlurEffectStyleProminent;
|
||||||
#endif
|
#endif
|
||||||
|
|
||||||
|
#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 130000 /* __IPHONE_10_0 */
|
||||||
|
// Adaptable blur styles
|
||||||
|
if ([self.blurType isEqual: @"chromeMaterial"]) return UIBlurEffectStyleSystemUltraThinMaterial;
|
||||||
|
if ([self.blurType isEqual: @"material"]) return UIBlurEffectStyleSystemMaterial;
|
||||||
|
if ([self.blurType isEqual: @"thickMaterial"]) return UIBlurEffectStyleSystemThickMaterial;
|
||||||
|
if ([self.blurType isEqual: @"thinMaterial"]) return UIBlurEffectStyleSystemUltraThinMaterial;
|
||||||
|
if ([self.blurType isEqual: @"ultraThinMaterial"]) return UIBlurEffectStyleSystemUltraThinMaterial;
|
||||||
|
// dark blur styles
|
||||||
|
if ([self.blurType isEqual: @"chromeMaterialDark"]) return UIBlurEffectStyleSystemChromeMaterialDark;
|
||||||
|
if ([self.blurType isEqual: @"materialDark"]) return UIBlurEffectStyleSystemMaterialDark;
|
||||||
|
if ([self.blurType isEqual: @"thickMaterialDark"]) return UIBlurEffectStyleSystemThickMaterialDark;
|
||||||
|
if ([self.blurType isEqual: @"thinMaterialDark"]) return UIBlurEffectStyleSystemUltraThinMaterialDark;
|
||||||
|
if ([self.blurType isEqual: @"ultraThinMaterialDark"]) return UIBlurEffectStyleSystemUltraThinMaterialDark;
|
||||||
|
// light blur styles
|
||||||
|
if ([self.blurType isEqual: @"chromeMaterialLight"]) return UIBlurEffectStyleSystemChromeMaterialLight;
|
||||||
|
if ([self.blurType isEqual: @"materialLight"]) return UIBlurEffectStyleSystemMaterialLight;
|
||||||
|
if ([self.blurType isEqual: @"thickMaterialLight"]) return UIBlurEffectStyleSystemThickMaterialLight;
|
||||||
|
if ([self.blurType isEqual: @"thinMaterialLight"]) return UIBlurEffectStyleSystemUltraThinMaterialLight;
|
||||||
|
if ([self.blurType isEqual: @"ultraThinMaterialLight"]) return UIBlurEffectStyleSystemUltraThinMaterialLight;
|
||||||
|
#endif
|
||||||
|
|
||||||
#if TARGET_OS_TV
|
#if TARGET_OS_TV
|
||||||
if ([self.blurType isEqual: @"regular"]) return UIBlurEffectStyleRegular;
|
if ([self.blurType isEqual: @"regular"]) return UIBlurEffectStyleRegular;
|
||||||
if ([self.blurType isEqual: @"prominent"]) return UIBlurEffectStyleProminent;
|
if ([self.blurType isEqual: @"prominent"]) return UIBlurEffectStyleProminent;
|
||||||
|
@ -33,6 +33,21 @@ BlurView.propTypes = {
|
|||||||
'prominent',
|
'prominent',
|
||||||
'regular',
|
'regular',
|
||||||
'extraDark',
|
'extraDark',
|
||||||
|
'chromeMaterial',
|
||||||
|
'material',
|
||||||
|
'thickMaterial',
|
||||||
|
'thinMaterial',
|
||||||
|
'ultraThinMaterial',
|
||||||
|
'chromeMaterialDark',
|
||||||
|
'materialDark',
|
||||||
|
'thickMaterialDark',
|
||||||
|
'thinMaterialDark',
|
||||||
|
'ultraThinMaterialDark',
|
||||||
|
'chromeMaterialLight',
|
||||||
|
'materialLight',
|
||||||
|
'thickMaterialLight',
|
||||||
|
'thinMaterialLight',
|
||||||
|
'ultraThinMaterialLight',
|
||||||
]),
|
]),
|
||||||
blurAmount: PropTypes.number,
|
blurAmount: PropTypes.number,
|
||||||
};
|
};
|
||||||
|
Loading…
x
Reference in New Issue
Block a user