App.js

import { Asset } from 'expo-asset';
import * as Font from 'expo-font';
import * as firebase from 'firebase';
import React from 'react';
import { Text, TextInput } from 'react-native';
import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';
import bills from './components/bills';
import chat from './components/Chat';
import loading from './components/Loading';
import login from './components/Login';
import main from './components/Main';
import research from './components/Research';
import signup from './components/Signup';
import votehistory from './components/votehistory';
import voting from './components/voting';

console.disableYellowBox = true
var firebaseConfig = {
  apiKey: "AIzaSyA6jm4u7jyD9ofrKr4D6HzElN27FKkHiUA",
  authDomain: "drivetime-ce314.firebaseapp.com",
  databaseURL: "https://drivetime-ce314.firebaseio.com",
  projectId: "drivetime-ce314",
  storageBucket: "drivetime-ce314.appspot.com",
  messagingSenderId: "124667229118",
  appId: "1:124667229118:web:97be36df1399fa418fffef",
  measurementId: "G-ZGWS3MZ6WJ"
};
if (!firebase.apps.length) {
  firebase.initializeApp(firebaseConfig);
}
export default class AppContainer extends React.Component {
  state = {
    assetsLoaded: false,
  };

  constructor() {
    //chat.observeAuth();
    //SplashScreen.preventAutoHide();
    super();
    Text.defaultProps = Text.defaultProps || {};
    // Ignore dynamic type scaling on iOS
    Text.defaultProps.allowFontScaling = false;
    TextInput.defaultProps = TextInput.defaultProps || {};
    TextInput.defaultProps.allowFontScaling = false;
  }

  async componentDidMount() {
    await Asset.loadAsync([
      require('./assets/background.jpg'),
      require('./assets/splash.png'),
    ]);
    await Font.loadAsync({
      'PoppinsL': require('./assets/fonts/Poppins-Light.ttf'),
      'PoppinsM': require('./assets/fonts/Poppins-Medium.ttf'),
    });
    this.setState({ assetsLoaded: true })
  }


  render() {
    if (!this.state.assetsLoaded) {
      return null; // wait until fonts and images are loaded
    }
    const AppNavigator = createStackNavigator({
      Login: {
        screen: login
      },
      Signup: {
        screen: signup
      },
      Main: {
        screen: main
      },
      Research: {
        screen: research
      },
      Loading: {
        screen: loading
      },
      Chat: {
        screen: chat
      },
      Bills: {
        screen: bills
      },
      Voting: {
        screen: voting
      },
      Forum: {
        screen: chat
      },
      Votehistory: {
        screen: votehistory
      }

    },
      {
        initialRouteName: 'Loading',
        headerMode: 'none'
      });

    const AppContainer = createAppContainer(AppNavigator);
    return (<AppContainer />);
  }
}