diff --git a/example/App.js b/example/App.js index 9b19553..ad738c0 100644 --- a/example/App.js +++ b/example/App.js @@ -46,10 +46,10 @@ export default class Basic extends Component { renderBlurs() { const tintColor = this.state.blurBlurType === 'xlight' ? 'black' : 'white'; + const platform = Platform.OS === 'ios' ? 'iOS' : 'Android'; return ( - {/* BlurView is supported on both iOS and Android. @@ -62,27 +62,25 @@ export default class Basic extends Component { blurAmount={100} style={[styles.blurView]}> - Blur component (iOS) + Blur component ({platform}) - {{ - Platform.OS === "ios" && + {Platform.OS === 'ios' && {this._onBlurChange(event);}} onValueChange={(value) => {this._onBlurValueChange(value);}} tintColor={tintColor} - /> - }} + />} - {/* - VibrancyView is only supported on iOS, and must contain child views, - otherwise the vibrancy effect doesn't work. - */} - {{ - Platform.OS === "ios" && + { + /* + VibrancyView is only supported on iOS, and must contain child views, + otherwise the vibrancy effect doesn't work. + */ + Platform.OS === 'ios' && - }} + } ); }