text: import React from "react";
  import {
    StyleSheet,
    Platform,
    Image,
    Text,
    View,
    ScrollView
  } from "react-native";
  import { createSwitchNavigator, createAppContainer } from "react-navigation";
  import firebase from "react-native-firebase";
  
  // import the different screens
  import Loading from "./Loading";
  import SignUp from "./SignUp";
  import Login from "./Login";
  import Main from "./Main";
  import LaunchScreen from "./LaunchScreen";
  import Profile from "./Profile";
  import Analytics from "./Analytics"
  import UserInformation from "./UserInformation"
  import Location from "./Location"
  import Background from "./Background"
  import Help from "./Help"
  
  // create our app's navigation stack
  
  //import firebase from 'react-native-firebase';
  
  const SwitchNavigator = createSwitchNavigator(
    {
      LaunchScreen: LaunchScreen,
      Loading: Loading,
      SignUp: SignUp,
      Login: Login,
      Main: Main,
      Profile: Profile,
      Analytics: Analytics,
      UserInformation: UserInformation,
      Location: Location,
      Background: Background,
      Help: Help
    },
    {
      initialRouteName: "LaunchScreen"
    }
  );
  
  class App extends React.Component {
    constructor() {
      super();
      this.state = {};
    }
  
    async componentDidMount() {
      // TODO: You: Do firebase things
      // const { user } = await firebase.auth().signInAnonymously();
      // console.warn('User -> ', user.toJSON());
      // await firebase.analytics().logEvent('foo', { bar: '123'});
    }
  
    render() {
      return (
        <Text>
          There is a blue square
          <View style={{ width: 50, height: 50, backgroundColor: "steelblue" }} />
          in between my text.
        </Text>
      );
    }
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      justifyContent: "center",
      alignItems: "center",
      backgroundColor: "#F5FCFF"
    },
    logo: {
      height: 120,
      marginBottom: 16,
      marginTop: 64,
      padding: 10,
      width: 135
    },
    welcome: {
      fontSize: 20,
      textAlign: "center",
      margin: 10
    },
    instructions: {
      textAlign: "center",
      color: "#333333",
      marginBottom: 5
    },
    modules: {
      margin: 20
    },
    modulesHeader: {
      fontSize: 16,
      marginBottom: 8
    },
    module: {
      fontSize: 14,
      marginTop: 4,
      textAlign: "center"
    }
  });
  
  export default createAppContainer(SwitchNavigator);
  