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.

README.md

@@ -96,19 +96,19 @@ export default class Menu extends Component {
   render() {
     return (
       <View style={styles.container}>
-        <Image
+        <Text>Hi, I am some unblurred text</Text>
-          ref={(img) => { this.backgroundImage = img; }}
-          source={{uri}}
-          style={styles.absolute}
-          onLoadEnd={this.imageLoaded.bind(this)}
-        />
         <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>
     );
   }