Ошибка при объединении createStackNavigator и createBottonTabNavigator - PullRequest
Новая
       13

Ошибка при объединении createStackNavigator и createBottonTabNavigator

0 голосов
/ 03 февраля 2019

Я пытаюсь объединить createStackNavigator и createBottomTabNavigator с React Navigator 3, но получаю эту ошибку:

enter image description here

Все работает правильно, если я удаляю createStackNavigator.Основная причина использования createStackNavigator - показать заголовок вкладки и значок настроек в правом верхнем углу. 

import React, {Component} from 'react';
import { StyleSheet, Text, View, Platform } from 'react-native';


import { createBottomTabNavigator, createStackNavigator, createAppContainer  } from 'react-navigation'

import HomeTab from './AppTabNavigator/HomeTab'
import MyCareerTab from './AppTabNavigator/MyCareerTab'
import CourseAgendaTab from './AppTabNavigator/CourseAgendaTab'
import ClassTab from './AppTabNavigator/ClassTab'
import SettingsTab from './AppTabNavigator/SettingsTab'


class MainScreen extends React.Component{


  render(){
    return
    <View><Text>Hello</Text></View>
    }

}

const DashboardTabNavigator = createBottomTabNavigator({
    HomeTab,
    MyCareerTab,
    ClassTab,
    CourseAgendaTab,
}, {
    navigationOptions: ({ navigation }) => {
        const { routeName } = navigation.state.routes[navigation.state.index];
        return {
            headerTitle: routeName
        };
    }
});

const DashboardStackNavigator = createStackNavigator({
    DashboardTabNavigator: DashboardTabNavigator
});

export default createAppContainer(DashboardStackNavigator);

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});
...