Kann nicht finden, variable: Navigieren Sie mit reagieren-navigation

ich bin mit diesem einfachen code, der in der gleichen index.android.js Datei:

import React, { Component } from 'react';
import {
  AppRegistry,
  Text,
  View,
  Button
} from 'react-native';
import {StackNavigator} from 'react-navigation';

//First Page
class FirstPage extends Component {
  static navigationOptions = {
    title: 'Welcome',
  };

  render() {
    const { navigate } = this.props.navigation;
    return (
      <View>
        <Text>Hello First Page</Text>
        <Button 
          onPress={() => navigate('SecondPage')}
          title="Go to second page"
        />
      </View>
    );
  }
}

//Second Page
class SecondPage extends Component {
  static navigationOptions = {
    title: 'Second Page',
  };

  render() {
    const { navigate } = this.props.navigation;
    return (
      <View>
        <Text>Hello Second Page</Text>
        <Button 
          onPress={() => navigate('FirstPage')}
          title="Go to first page"
        />
      </View>
    );
  }
}


const SimpleApp = StackNavigator({
  FirstPage: { screen: FirstPage},
  SecondPage: { screen: SecondPage},
});

AppRegistry.registerComponent('MoviesTickets_YCH', () => FirstPage);

Alles was ich will ist das navigieren zwischen den screens, aber ich habe die Fehlermeldung: can ' T find variable: navigieren, ich habe keine Ahnung, warum es passiert, keine Ahnung, wie?

Vielen Dank für Ihre Hilfe

InformationsquelleAutor dtjmsy | 2017-06-24
  1. 4

    In der render-Methode fügen Sie den folgenden:

    const {Navigation} =diese.Requisiten.navigation;

    Ihr machen sollte wie folgt Aussehen

    render(){
const {navigate} =this.props.navigation;
return (
  .... ) ;
}

    in jede Komponente, die Sie verwenden, navigieren.
    für weitere infos, Folgen Sie der Dokumentation, ist es ziemlich einfach.
    reactnavigation

    • ahhh, ich ging durch den doc aber vermisse : const { Navigation } = diese.Requisiten.navigation; schlecht für mich, danke
    • ich füge es einfach unten den Rendern, wie beschrieben, nun habe ich eine andere Fehlermeldung: undefined ist kein Objekt ( Evaluierung dieser.Requisiten.navigation.navigieren')
    • Ändern Sie diese: AppRegistry.registerComponent('MoviesTickets_YCH', () => FirstPage); zu diesem AppRegistry.registerComponent('MoviesTickets_YCH', () => SimpleApp);
    • Vielen Dank, dass' s es, ich habe meinen Kopf Weg, dieses mal, cheers
    InformationsquelleAutor Rafik
  2. 2

    Komme ich soweit klar, reagieren nativen docs sagen navigate es ist ein action-Ersteller und erhalten Sie Zugang, um es in diesem.Requisiten.navigation;

    const { navigate } = this.props.navigation; render.

    InformationsquelleAutor Andrew
  3. 0
    remove node_modules and package-lock.json
npm install
npm install --save react-navigation
npm install --save react-native-gesture-handler
react-native link
    InformationsquelleAutor Keshav Gera
Schreibe einen Kommentar