Реагировать на собственную ошибку навигации - проблема навигации - PullRequest
0 голосов
/ 05 февраля 2020

Я пытаюсь создать реагирующее нативное приложение. Но оно выдает ошибку. Я использовал реакцию-родную-навигацию. (Я пытаюсь создать реагирующее нативное приложение. Но оно выдает ошибку. Я использовал реактив-нативную навигацию.)

import { createAppContainer, createSwitchNavigator } from "react-navigation";
import { createStackNavigator } from "react-navigation-stack";
import { createBottomTabNavigator } from "react-navigation-tabs";
import DashboardScreen from "./src/component/Dashboard";
import LoginScreen from "./src/component/Auth/Login";
import RegisterScreen from "./src/component/Auth/Register";

const AppStack = createStackNavigator({ Dashboard: DashboardScreen });
const AuthStack = createBottomTabNavigator({
  SignIn: LoginScreen,
  Register: RegisterScreen
});

export const RootNaviation = () => {
  return createAppContainer(
    createSwitchNavigator(
      {
        Auth: AuthStack,
        App: AppStack
      },
      { initialRouteName: "Auth" }
    )
  );
}; 

Файл приложения

import React from "react";
import { StyleSheet, Text, View, Button } from "react-native";
import { SwitchNavigator } from "./Router";
const Nav = SwitchNavigator();

export default function App() {
  return (
    <View style={styles.container}>
      <Button title="dafdlka" />
      <Nav />
    </View>
  );
}

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

введите изображение описание здесь

1 Ответ

0 голосов
/ 05 февраля 2020

Вы никогда не создавали переменную с именем SwitchNavigator.

Вы можете использовать RootNaviation

import { RootNaviation } from "./Router"
...
export default function App() {
  return (
    <View style={styles.container}>
      <Button title="dafdlka" />
      <RootNaviation />
    </View>
  );
}
...