status-im
/
react-native-blur
mirror of https://github.com/status-im/react-native-blur.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Updated example to use ES6 features 

Used imports instead of require.
Simplified imports and removed unused component View.
Background is now a const instead of var. <- ES6 prefers this
Removed dangling comma after background ```source={{uri: background, }}```

Generally example is more succinct and easier to understand for users only exposed to the new tools of ES6.
This commit is contained in:
Michael Hancock 2016-07-01 09:12:28 +01:00 committed by GitHub
parent cd10c4d842
commit 47dfe40b6a
1 changed files with 6 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
examples/Basic/index.ios.js
View File

@ -1,17 +1,11 @@
var React = require('react');
var {
Component,
PropTypes
} = React;
var ReactNative = require('react-native');
var {
import React, {Component} from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
Image,
} = ReactNative;
} from 'react-native';
import {BlurView, VibrancyView} from 'react-native-blur';
const styles = StyleSheet.create({
container: {
@ -27,15 +21,12 @@ const styles = StyleSheet.create({
},
});
var BlurView = require('react-native-blur').BlurView;
var VibrancyView = require('react-native-blur').VibrancyView;
var background = 'http://iphonewallpapers-hd.com/thumbs/firework_iphone_wallpaper_5-t2.jpg';
const background = 'http://iphonewallpapers-hd.com/thumbs/firework_iphone_wallpaper_5-t2.jpg';
class Basic extends Component {
render() {
return (
<Image source={{uri: background, }} style={styles.container}>
<Image source={{uri: background}} style={styles.container}>
<BlurView blurType="light" style={styles.container}>
<Text style={styles.welcome}>Blur component</Text>
</BlurView>