CODEWITHSUNDEEP
reactjsreact-nativereact-native-navigation
Lijo John
Lijo John

Reputation: 91

React native navigation error- navigating issue

I am trying to create react native application.But it is throwing error. I used react-native-navigation. (I am trying to create react native application.But it is throwing error. I used 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" }
    )
  );
};

App File 

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

enter image description here

Upvotes: 0

Views: 91

Answers (1)

hong developer
hong developer

Reputation: 13926

You have never created a variable called SwitchNavigator.

You can use RootNaviation

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

Upvotes: 0

Related Questions