navigator.pop를 사용자 지정 반응식 네이티브 구성 요소에 전달하는 방법

Question

내 탐색 메뉴를 사용자 지정 구성 요소로 추출하여 코드를 다시 작성할 필요가 없습니다. 여기

다음

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 내 간단한 dashboard.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; 

내 질문에 내가 통과 할 수있는 방법입니다 : 내 dashboard.js에서

this.props.navigator.pop() 

에 파일 내 headerMenu.js 파일에서 뒤로 버튼을 사용할 수 있습니까?

Answer 1

당신은 headerMenu.js에 dashboard.js에서 네비게이터 객체에 전달할 수 있습니다

<HeaderMenu navigator={your_navigator_object}/> 

그런 다음 작업을해야 headerMenu.js에서 this.props.navigator.pop() 전화

.