File tree Expand file tree Collapse file tree 1 file changed +8
-7
lines changed Expand file tree Collapse file tree 1 file changed +8
-7
lines changed Original file line number Diff line number Diff line change @@ -110,19 +110,20 @@ export default class Menu extends Component {
110
110
render () {
111
111
return (
112
112
< View style= {styles .container }>
113
- < Text > Hi, I am some unblurred text< / Text >
113
+ < Image
114
+ key= {' blurryImage' }
115
+ source= {{ uri }}
116
+ style= {styles .absolute }
117
+ / >
118
+ < Text style= {styles .absolute }> Hi, I am some blurred text< / Text >
119
+ {/* in terms of positioning and zIndex-ing everything before the BlurView will be blurred */ }
114
120
< BlurView
115
121
style= {styles .absolute }
116
122
viewRef= {this .state .viewRef }
117
123
blurType= " light"
118
124
blurAmount= {10 }
119
- >
120
- < Text > I ' m the BlurView content on both iOS and Android</Text>
121
- </BlurView>
122
- <Image
123
- source={{ uri }}
124
- style={styles.absolute}
125
125
/ >
126
+ < Text > I ' m the non blurred text because I got rendered on top of the BlurView</Text>
126
127
</View>
127
128
);
128
129
}
You can’t perform that action at this time.
0 commit comments