{"size": 693, "ext": "js", "max_stars_repo_path": "src/components/Background.js", "max_stars_repo_name": "Alertis/Travelify", "max_stars_repo_stars_event_min_datetime": "2021-01-22T15:51:19.000Z", "max_stars_repo_stars_event_max_datetime": "2021-01-23T14:52:37.000Z", "max_issues_repo_path": "src/components/Background.js", "max_issues_repo_name": "Alertis/Travelify", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Background.js", "max_forks_repo_name": "Alertis/Travelify", "max_forks_repo_forks_event_min_datetime": "2021-03-06T23:44:02.000Z", "max_forks_repo_forks_event_max_datetime": "2021-03-06T23:44:02.000Z"}
{"max_stars_count": 4, "max_issues_count": null, "max_forks_count": 1, "avg_line_length": 23.8965517241, "max_line_length": 116, "alphanum_fraction": 0.6493506494}

import React, { memo } from 'react';
import { ImageBackground,  StyleSheet,  KeyboardAvoidingView, View} from 'react-native';

export default function Background(props) {
  return(
    <ImageBackground source={require('../assets/background_dot.png')} resizeMode="repeat" style={styles.background}>
        <KeyboardAvoidingView style={styles.container} behavior="padding">
            {props.children}
        </KeyboardAvoidingView>
  </ImageBackground>
  )
    
}

const styles = StyleSheet.create({
  background: {
    flex: 1,
    width: '100%',
  },
  container: {
    flex: 1,
    width: '100%',
    alignSelf: 'center',
    alignItems: 'center',
    justifyContent: 'center',
  },
});
