反应本机导航错误 - 导航问题

利乔·约翰

我正在尝试创建 React Native 应用程序。但它抛出错误。我使用了 react-native-navigation。（我正在尝试创建 react native 应用程序。但它抛出错误。我使用了 react-native-navigation。）

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"
  }
});

在此处输入图片说明

洪开发商

您从未创建过名为的变量SwitchNavigator。

您可以使用 RootNaviation

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。