content: import React, { Component } from 'react';
  import { View, Image, Text, findNodeHandle, StyleSheet } from 'react-native';
  // import { BlurView } from 'react-native-blur';
  
  export default class Menu extends Component {
    constructor(props) {
      super(props);
      this.state = { viewRef: null };
    }
  
    imageLoaded() {
      this.setState({ viewRef: findNodeHandle(this.backgroundImage) });
    }
  
    render() {
      return (
        <View style={styles.container}>
          <Image
            square
          //   resizeMode='contain'
            ref={(img) => { this.backgroundImage=img}}
            source={require('./16.jpg')}
            style={styles.absolute}
            onLoadEnd={this.imageLoaded.bind(this)}
          />
          {
              // <BlurView
              //   style={styles.absolute}
              //   viewRef={this.state.viewRef}
              //   blurType='light'
              //   blurAmount={15}/>
          }
        </View>
      );
    }
  }
  
  const styles = StyleSheet.create({
    container: {
      justifyContent: 'center',
      alignItems: 'center',
    },
    absolute: {
      position: "absolute",
      top: 0, left: 0, bottom: 0, right: 0,
      width: 400,
      height: 400,
    },
  });
  