{"size": 1265, "ext": "js", "max_stars_repo_path": "src/App.js", "max_stars_repo_name": "dani17b/react-native-covid-walks", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/App.js", "max_issues_repo_name": "dani17b/react-native-covid-walks", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/App.js", "max_forks_repo_name": "dani17b/react-native-covid-walks", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 23.4259259259, "max_line_length": 75, "alphanum_fraction": 0.5565217391}
import React from "react";
import { View, Animated } from "react-native";
import styles from "./AppStyles";
import Home from "./modules/home/Home";
import Header from "./components/header/Header";

// const logo = require("./assets/react-logo.png");

export default class App extends React.Component {
  constructor(props) {
    super(props);

    this.imageAnimation = new Animated.Value(0);
  }

  componentDidMount() {
    Animated.loop(
      Animated.timing(this.imageAnimation, {
        toValue: 1,
        duration: 1005
      })
    ).start();
  }

  render() {
    const rotationStyle = {
      transform: [
        {
          rotate: this.imageAnimation.interpolate({
            inputRange: [0, 1],
            outputRange: ["0deg", "360deg"]
          })
        }
      ]
    };

    return (
      <View style={styles.app}>
        {/* <View style={styles.appHeader}>
          <Animated.Image
            style={[styles.headerImage, rotationStyle]}
            resizeMode={"contain"}
            source={logo}
          />
          <Text style={styles.appTitle}>Welcome to React Native Web️</Text>
          <Text style={styles.appSubtitle}>Vanilla Edition</Text>
        </View> */}
        <Header />
        <Home />
      </View>
    );
  }
}
