React Native не может прочитать свойство состояния undefined

У меня есть файл маршрутизатора, который определяет stackNavigation и TabBarNavigation следующим образом:

Router.JS

const Homestack = createStackNavigator({
    Home: {screen: Home},
    Region: {screen: Detail}
});


const Tabs = createBottomTabNavigator({
    Home: {screen: HomeStack},
    Region: {screen: Settings}
});

export default Tabs 

И я создаю appContainer в своем индексном файле следующим образом:

Index.JS

import Tabs from './src/Config/router'


const AppIndex = createAppContainer(Tabs)
const App = () => {
  const {viewStyle} = styles;
    return <AppIndex />;
};

Но когда я компилирую, я получаю

Cannot read property of 'state' undefined

Но он отлично работает, если я не использую stackNavigation следующим образом:

const Tabs = createBottomTabNavigator({
    Home: {screen: Home},
    Region: {screen: Settings}
});

export default Tabs 

Пожалуйста, помогите мне понять, в чем может быть проблема.

Редактировать:

Я пробовал добавить StackNavigation в TabNavigation следующим образом, но он все равно не работает:

import React from 'react';
import { Button, Text, View } from 'react-native';
import { createBottomTabNavigator, createStackNavigator } from 'react-navigation'

class HomeScreen extends React.Component {
  render() {
    return (
      <View style = {{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
        <Button onPress = {() => this.props.navigation.navigate('DetailScreen')} title = "Home"/>

      </View>
    );
  }
}

class DetailScreen extends React.Component {
  render() {
    return (
      <View style = {{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
        <Text>Home!</Text>

      </View>
    );
  }
}
class SettingsScreen extends React.Component {
    render() {
      return (
        <View style = {{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
          <Text>Settings!</Text>

        </View>
      );
    }
  }

const Homestack = createStackNavigator({
  Home: {screen: HomeScreen},
  Region: {screen: DetailScreen}
});


const Tabs = createBottomTabNavigator({
    Home: {screen: Homestack},
    Region: {screen: SettingsScreen}
});


export default Tabs