content: import React, { Component } from 'react';
  import PropTypes from 'prop-types';
  import { NavigationActions } from 'react-navigation';
  
  import Home from '../../Components/Home';
  
  const signInNavigator = NavigationActions.reset({
    index: 0,
    actions: [NavigationActions.navigate({ routeName: 'SignIn' })],
  });
  
  const signUpNavigator = NavigationActions.reset({
    index: 0,
    actions: [NavigationActions.navigate({ routeName: 'SignUp' })],
  });
  
  class HomeScreen extends Component {
    componentDidMount() {
      // this.props.navigation.dispatch(chatNavigator);
    }
  
    navigateSignIn = () => {
      this.props.navigation.dispatch(signInNavigator);
    };
  
    navigateSignUp = () => {
      this.props.navigation.dispatch(signUpNavigator);
    };
  
    render() {
      return (
        <Home
          navigateSignIn={this.navigateSignIn}
          navigateSignUp={this.navigateSignUp}
        />
      );
    }
  }
  
  HomeScreen.propTypes = {
    navigation: PropTypes.shape({
      dispatch: PropTypes.func,
    }).isRequired,
  };
  
  export default HomeScreen;
  