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:
parent
d95c29d4bc
commit
6bdcefecae
14
README.md
14
README.md
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue