реакции-навигация, как вложить TapNavigator в createAppContainer

Question

Привет, я пытаюсь вложить createMaterialTopTabNavigator в createAppContainer, но выдает ошибку, которая у меня есть duplicate declaration App ниже мой код:

import { createAppContainer, createMaterialTopTabNavigator } from 'react-navigation';
import { createMaterialBottomTabNavigator } from 'react-navigation-material-bottom-tabs';

export default class App extends Component {
  render(){
    return(
      <SafeAreaView style={{flex:1}}>
        <AppTabNavigator/>
      </SafeAreaView>
    )
  }
}

class HomeScreen extends Component {
  render(){
    return(
      <View>
        <Text>HomeScreen</Text>
      </View>
      )
  }
}

class SettingsScreen extends Component {
  render(){
    return(
      <View>
        <Text>SettingsScreen</Text>
      </View>
      )
  }
}

const AppTabNavigator = createMaterialTopTabNavigator({
  Home:{screen:HomeScreen},
  Settings:{ screen: SettingsScreen}
  })

const App = createAppContainer(AppTabNavigator)

Это даст мне ошибку, которая у меня естьдубликат App.Есть идеи почему?Любые советы или комментарии будут очень благодарны!

Answer 1

Я понял это.Я сделал глупую ошибку.Это должно было быть так:

export default class App extends Component {
  render(){
    return(
      <SafeAreaView style={{flex:1}}>
        <AppContainer />
      </SafeAreaView>
    )
  }
}

const AppTabNavigator = createMaterialTopTabNavigator({
  Home:{screen:HomeScreen},
  Settings:{ screen: SettingsScreen}
  })

const AppContainer = createAppContainer(AppTabNavigator)