반응 탐색 DrawerNavigator 중첩 StackNavigator를 닫는 방법

Question

서랍을 screen: ExportClues에 닫고 싶지만 작동하지 않습니다.

이것은 내 코드입니다.이

export default class index extends Component { 

        render() { 
         return(
           <View 
             style={{flex: 1, backgroundColor: '#ffffff'}} 
           > 
             <TouchableOpacity 
              onPress={()=>{ 
              this.props.navigation.navigate('DrawerClose'); 
               // It is not work 
              }} 
             > 
             <TouchableOpacity/> 
           </View> 
         ) 
        } 
} 

죄송합니다, 내 영어는 매우 가난 :

const Drawer = DrawerNavigator({ 
    Navigators: { 
      screen: Navigators 
     }, 
    { 
      initialRouteName: 'Navigators', 
      drawerWidth: Metrics.screenWidth - 95, 
      drawerPosition: 'right', 
      contentComponent: MenuNavigator 
     } 
}) 


const Navigators = StackNavigator({ 
    ...screen 
}) 

const MenuNavigator = StackNavigator({ 
     ExportClues: { 
       screen: ExportClues, 
     }, 
     ...other screen 
}) 

그것은 ExportClues 구성 요소입니다.

받는 방법 MenuNavigator 상위 네비게이터를 DrawerNavigator으로 설정 하시겠습니까? 당신은 './drawer'에서 수입 서랍을 작성하고 구성 요소를 을 사용하려고하지만 drawer.js 파일이 "수출 : 당신은 제공된 링크를 보면

는

Answer 1

, 당신은 잘못 서랍 구성 요소를 포함하도록 노력하고있다 코드를 의미 CustomerManagerDrawerNavigator "

export default CustomerManagerDrawerNavigator; 

은 './drawer'에서 수입 CustomerManagerDrawerNagivator을해야하며, 구성 요소는 렌더링에 () 재미로 호출되어야한다 . 당신이 DrawerNavigator를 사용하려면 ExportClues, 당신은

this.props.navigation.navigate('DrawerClose'); // close drawer 

를 호출 할 때

당신은 서랍을 닫습니다 당신의

const MenuNavigator = StackNavigator({ 

에

const MenuNavigator = DrawerNavigator({ 

을 변경해야하는 네가 가지고 있지만 네비게이터 구성에서 네비게이션 옵 션을 건네주지 않는다는 것을 알았으므로 탐색 기능에 대한 액세스 권한이 있어야합니다.

내가 자세한 내용은 https://reactnavigation.org/docs/navigators/drawer에있는 DrawerNavigator 또는 가능한 포스트 경우 반작용-탐색 홈페이지를 검토 할 것

navigationOptions: ({navigation}) => ({ 
.../*Your navigation options here */ 
}), 

이 열려있는 서랍에 소품으로 탐색을 통과 : 당신은 아래의 코드와 같은 뭔가가 필요 작업 저장소에 대한 링크