Change order of components to the correct one (#287)

Text below says that `Image` will be blurred because it is below `BlurView`, but this is not the case in code example.

Also, new code example renders correctly, as described in text below.
This commit is contained in:
Harun Smrkovic 2019-03-26 18:54:20 +01:00 committed by Nicolas Charpentier
parent d95c29d4bc
commit 6bdcefecae
1 changed files with 7 additions and 7 deletions

View File

@ -96,19 +96,19 @@ export default class Menu extends Component {
render() {
return (
<View style={styles.container}>
<Image
ref={(img) => { this.backgroundImage = img; }}
source={{uri}}
style={styles.absolute}
onLoadEnd={this.imageLoaded.bind(this)}
/>
<Text>Hi, I am some unblurred text</Text>
<BlurView
style={styles.absolute}
viewRef={this.state.viewRef}
blurType="light"
blurAmount={10}
/>
<Text>Hi, I am some unblurred text</Text>
<Image
ref={(img) => { this.backgroundImage = img; }}
source={{uri}}
style={styles.absolute}
onLoadEnd={this.imageLoaded.bind(this)}
/>
</View>
);
}