JavaScript React Native Navigator ist undefiniert

DreamGamer

Lt. Junior Grade
Dabei seit
Feb. 2017
Beiträge
383
Hallo, ich wollte einen einfachen StackNavigator erstellen mit react-navigaton aber ich bekomme jedes mal den selben Fehler und weiß nicht warum. Hat einer eine idee weshalb ich diesen Fehler bekomme?
InkedScreenshot_20181129-185356_Expo_LI.jpg
Und das hier ist der Code:
JavaScript:
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { StackNavigator  } from 'react-navigation';

import StartScreen from './app/components/StartScreen';


export const Application = StackNavigator ({
    Home: {
        screen: StartScreen,
    },
});



export default class APP extends React.Component {
  render() {
    return (
      <Application />
    );
  }
}
 

benneq

Admiral
Dabei seit
Juli 2010
Beiträge
9.312

DreamGamer

Lt. Junior Grade
Ersteller dieses Themas
Dabei seit
Feb. 2017
Beiträge
383
Das funktioniert auf jedenfall aber dort kann ich doch garnicht den header entfernen oder?
 

DreamGamer

Lt. Junior Grade
Ersteller dieses Themas
Dabei seit
Feb. 2017
Beiträge
383
Oh nach Stunden langen googeln habe ich es endlich :D Der Fehler war das es jetzt nicht mehr "NavigationOptions", sondern "defaultNavigationOptions" ist :D So sieht jetzt die App.js Datei aus für Leute die dasselbe Problem haben:

Code:
import React from "react";
import { View, Text } from "react-native";
import { createStackNavigator, createAppContainer } from "react-navigation";

import StartScreen from './app/components/StartScreen';

class HomeScreen extends React.Component {
  render() {
    return (
      <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
        <Text>Home Screen</Text>
      </View>
    );
  }
}

const AppNavigator = createStackNavigator(
    {
        StartScreen: { screen: StartScreen },
    },
    {
        defaultNavigationOptions: {
            header: null,
        },
        initialRouteName: "StartScreen",
    }
);

const AppContainer = createAppContainer(AppNavigator);

export default class App extends React.Component {
  render() {
    return <AppContainer />;
  }
}
Und @benneque danke für deine Hilfe auch wenn es nur ein Link war hat der mir sehr weitergeholfen. Ich war auch bereits zuvor auf der Seite, aber ich war immer bei TabNavigations und nie bei createStackNavigator deshalb danke dir :D
 
Top