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

Merge pull request #72 from MichaelHancock/master 

Updated example to use ES6 features
This commit is contained in:
Alexey 2016-07-04 02:25:11 +02:00 committed by GitHub
parent cd10c4d842 47dfe40b6a
commit 025a23a51d
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>