navigator.popをカスタムのネイティブコンポーネントに渡す方法

Question

ナビゲーションメニューをカスタムコンポーネントに展開してコードを書き直す必要はありません。ここにここに私の簡単なdashboard.js

import React, { Component } from 'react'; 
import { 
    StyleSheet, 
    View, 
    Text, 
    Navigator, 
    TouchableHighlight, 
    TouchableOpacity, 
} from 'react-native'; 

let HeaderMenu = require('../../partials/headerMenu'); 

class Dashboard extends Component { 
    render() { 
    return (
     <HeaderMenu/> 
    ); 
    } 
} 
module.exports = Dashboard; 

は私headerMenu.js

import React, { Component } from 'react'; 
import { 
    StyleSheet, 
    Text, 
    View, 
    TouchableOpacity, 
    Navigator 
} from 'react-native'; 

class HeaderMenu extends Component { 
    render() { 
    return (
     <View> 
     <Text>Header Menu</Text> 
     <TouchableOpacity onPress={()=>{this.props.navigator.pop()}}> 
     <Text>BACK</Text> 
     </TouchableOpacity> 
    </View> 
    ); 
    } 
} 

module.exports = HeaderMenu; 

です私の質問は、私は渡すことができる方法です。

this.props.navigator.pop() 

私dashboard.jsファイルからの私へheaderMenu.jsファイルを開き、戻るボタンが機能するようにします。

Answer 1

あなたはheaderMenu.jsにdashboard.jsからナビゲータオブジェクトに渡すことができます。

<HeaderMenu navigator={your_navigator_object}/> 

はその後動作するはずheaderMenu.jsでthis.props.navigator.pop()を呼び出します。