app.js React Native

import React from 'react';
import { Provider } from 'react-redux';
import configureStore from './store';
import { createSwitchNavigator, createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';
import { createBottomTabNavigator } from 'react-navigation-tabs';
import { Icon } from 'native-base';
import loginScreen from './src/components/loginScreen';
import homeScreen from './src/components/homeScreen';
import registerScreen from './src/components/registerScreen';
import fuserScreen from './src/components/fuserScreen';
import detailScreen from './src/components/detailScreen';
import checkLogin from './src/components/checkLogin'
import bioathleteScreen from './src/components/bioathleteScreen'
import achieveScreen from './src/components/achieveScreen'
import bioinvestorScreen from './src/components/bioinvestorScreen'
import addScholarship from './src/components/addScholarship';
import appliedScreen from './src/components/appliedScreen';
import acceptedScreen from './src/components/acceptedScreen';
import profileAthleteScreen from './src/components/profileAthleteScreen';


export default class App extends React.Component {
  static navigationOptions = {
    header: null
  }


  render() {
    const store = configureStore();
    return (
      <Provider store={store}>
        <AppContainer />
      </Provider>
    );
  }
}

const LoginStack = createStackNavigator({
  Login: loginScreen,
  Register: registerScreen,
  Foto: fuserScreen,
},
  {
    initialRouteName: 'Login'
  })

const HomeStack = createStackNavigator({
  Home: homeScreen,
  Detail: detailScreen,
  Add: addScholarship,
  Applied: appliedScreen,
  Accepted: acceptedScreen,
  Profile: profileAthleteScreen
},
  {
    initialRouteName: 'Home'
  }
);

const AthleteStack = createStackNavigator({
  BioAthlete: bioathleteScreen,
  Achieve: achieveScreen
},
  {
    initialRouteName: 'BioAthlete'
  })

const BioStack = createStackNavigator({
  BioAthlete: AthleteStack,
  BioInvest: bioinvestorScreen
},
  {
    initialRouteName: 'BioAthlete'
  })
const BottomNavigation = createBottomTabNavigator(
  {
    Home: {
      screen: HomeStack,
      navigationOptions: {
        tabBarIcon: () => (
          <Icon name="home" size={30} />
        )
      },
    },
    Profile: {
      screen: checkLogin,
      navigationOptions: {
        tabBarIcon: () => (
          <Icon name="person" size={30} />
        )
      },
    }
  }
)

const SwitchNavigator = createSwitchNavigator({
  Home: BottomNavigation,
  Login: LoginStack,
  Bio: BioStack
},
  {
    initialRouteName: 'Home'
  })

const AppContainer = createAppContainer(SwitchNavigator);