status-im/react-native-blur
2
0
Fork 0
mirror of https://github.com/status-im/react-native-blur.git synced 2025-01-27 08:45:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adjust README examples

Browse Source
This commit is contained in:
Kureev Alexey 2015-10-05 22:56:18 +02:00
parent 4050bd27f1
commit db76f5ce41
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
README.md
View File

@ -30,10 +30,10 @@ Check the [roadmap here](https://github.com/Kureev/react-native-blur/issues/1)
#### Blur View
To use `blur` view, you need to require `BlurView` to your module and insert `<BlurView>` tag inside render function as it's done below:
```javascript
var BlurView = require('react-native-blur').BlurView;
const { BlurView } = require('react-native-blur');
var Menu = React.createClass({
render: function() {
const Menu = React.createClass({
render() {
return (
<Image source={{uri}} style={styles.menu}>
<BlurView blurType="light" style={styles.blur}>
@ -51,10 +51,10 @@ In this example, `Image` component will be blurred, a `BlurView` content will st
> The vibrancy effect lets the content underneath a blurred view show through more vibrantly
```javascript
var VibrancyView = require('react-native-blur').VibrancyView;
const { VibrancyView } = require('react-native-blur');
var Menu = React.createClass({
render: function() {
const Menu = React.createClass({
render() {
return (
<Image source={{uri}} style={styles.menu}>
<VibrancyView blurType="light" style={styles.blur}>