Skip to content

Commit 6bdcefe

Browse files
harunsmrkoviccharpeni
authored andcommitted
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.
1 parent d95c29d commit 6bdcefe

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

README.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -96,19 +96,19 @@ export default class Menu extends Component {
9696
render() {
9797
return (
9898
<View style={styles.container}>
99-
<Image
100-
ref={(img) => { this.backgroundImage = img; }}
101-
source={{uri}}
102-
style={styles.absolute}
103-
onLoadEnd={this.imageLoaded.bind(this)}
104-
/>
99+
<Text>Hi, I am some unblurred text</Text>
105100
<BlurView
106101
style={styles.absolute}
107102
viewRef={this.state.viewRef}
108103
blurType="light"
109104
blurAmount={10}
110105
/>
111-
<Text>Hi, I am some unblurred text</Text>
106+
<Image
107+
ref={(img) => { this.backgroundImage = img; }}
108+
source={{uri}}
109+
style={styles.absolute}
110+
onLoadEnd={this.imageLoaded.bind(this)}
111+
/>
112112
</View>
113113
);
114114
}

0 commit comments

Comments
 (0)