は、ネイティブ元ナビゲーションchnagingルータに反応

Question

やあみんな、私が反応し、ネイティブの元のナビゲーションでページを切り替えるには問題がある： エラー：未定義のは（「this.props.navigatorは」

は、これは評価対象ではありませんコード：this.props.navigator.push({name:'register'})

Answer 1

はあなたの新しいページコンポーネントに別の関数にthis.props.navigator電話した

01：？

import React, { Component } from 'react'; 
import {AppRegistry, StyleSheet, Text, View, Navigator, Button } from 'react-native'; 
import {createRouter, NavigationProvider, StackNavigation, TabNavigation,TabNavigationItem as TabItem,}from '@exponent/ex-navigation'; 
import * as firebase from "firebase"; 

firebase.initializeApp(config); 

import Login from 'auth/firstPage' 
var Register = require('auth/register') 
var Tab = require('./src/components/tab/mainTab'); 

const Router = createRouter(() => ({ 
    login:() => Login, 
    register:() => Register, 
    tab:() => Tab, 
})); 

export default class main extends Component { 

    componentWillMount(){ 
    this.setState({ name:'login'}); 
    } 

    constructor(props) { 
    super(props); 
    this.state = { 
     name: 'tab' 
    }; 
    } 

    render(){ 
    return(
    <NavigationProvider router={Router}> 
     <StackNavigation initialRoute={Router.getRoute(this.state.name)} /> 
    </NavigationProvider> 
    ) 
} 
} 

これは私がナビゲートするために使用されるコードであります

あなたがthis.props.navigatorにアクセスすることができますあなたの新しいページのコンストラクタに以下を追加する必要があります。仕事のthats

constructor(props){ 
    super(props); 
    this.FUNCTION_CALL_NAV = this.FUNCTION_CALL_NAV.bind(this); 
} 

FUNCTION_CALL_NAV() { 
    this.navigator.push({name: 'register'}); 
}