2017-06-28 16 views
2

引き出しを開いたときに引き出しルートには表示されていても表示されない(引き出しアイテム)スクリーンが必要です。表示されてはならない開封時に引き出しから引き出しアイテムを隠す

const DrawerRoutes = { 
    Home: { 
     name: 'Home', 
     screen: StackNavigator(HomeStack, { initialRouteName: 'HomeTab', ...navOptions }) 
    }, 
    Notifications: { 
     name: 'Notifications', 
     screen: StackNavigator(Stack, { initialRouteName: 'NotificationsTab', ...navOptions }) 
    }, 
    LastAdded: { 
     name: 'LastAdded', 
     screen: StackNavigator(VideosStack, { initialRouteName: 'LastAddedTab', ...navOptions }) 
    }, 
    ChangeLog: { 
     name: 'ChangeLog', 
     screen: StackNavigator(Stack, { initialRouteName: 'ChangelogTab', ...navOptions }) 
    }, 
    AboutUs: { 
     name: 'AboutUs', 
     screen: StackNavigator(Stack, { initialRouteName: 'AboutUsTab', ...navOptions }) 
    }, 
    Test: { 
     name: 'Test', 
     screen: StackNavigator(ProfileStack, { initialRouteName: 'ProfileScreen', ...navOptions }) 
    } 
}; 

export const DrawerNav = 
    DrawerNavigator(
     DrawerRoutes, { 
      drawerWidth: windowWidth - Normalize(48), 
      contentOptions: { 
       activeBackgroundColor: Colors.selectedRowHeader, 
       activeTintColor: Colors.navigationBar, 
       labelStyle: { 
        fontSize: 16, 
        fontFamily: Fonts.light, 
        color: Colors.navigationBar, 
       } 
      }, 
      contentComponent: props => { 
       return (<View style={styles.container}> 
        <StatusBar /> 
        <Header /> 
        <DrawerItems {...props} /> 
        <LogOut {...props} /> 
       </View>); 
      } 
     }, 
     { headerMode: 'none' } 
    ); 

項目「試験」上記のコードで私はnavigation.navigate(「テスト」)と「テスト」に移動できるようにしたい:ここで私の構成です。ナビゲーションは別の画面から(私が望むのとまったく同じように)行っても機能しますが、引き出しが表示しています。ここではスクリーンショットです:

enter image description here

答えて

2


https://github.com/react-community/react-navigation/issues/2021からは、引き出しからテストを非表示にしたい場合。

class Hidden extends React.Component { 
    render() { 
    return null; 
    } 
} 

const Main = DrawerNavigator({ 
    Home: { 
    screen: HomeScreen, 
    }, 
    Test: { 
    screen: TestScreen, 
    navigationOptions: { 
     drawerLabel: <Hidden /> 
    } 
    } 
}, {}); 
+0

すごいです!うまくやった。私のために働く。このハックに感謝します。 –

関連する問題