hide screen links in drawerNavigation in react native

//custom drawer content
export default props => {
    const { state, ...rest } = props;
    const newState = { ...state}  //copy from state before applying any filter. do not change original state
    newState.routes = newState.routes.filter(item => item.name !== 'Login') //replace "Login' with your route name

    return (
         <DrawerContentScrollView {...props}>
             <DrawerItemList state={newState} {...rest} />
        </DrawerContentScrollView>
    )
}

Posted by: Guest on July-10-2020

Source

import { DrawerItems } from 'react-navigation'; const visibleItems = ['HomeScreen', 'SettingsScreen', 'HelpScreen']; const getVisible = item => contains(item.key, visibleItems); const getFilteredAndStyledItems = ({ items, ...other }) => ( <DrawerItems items={filter(getVisible, items)} {...other} /> );

Code answers related to "hide screen links in drawerNavigation in react native"

Code answers related to "Javascript"

Javascript Answers by Framework

Browse Popular Code Answers by Language

Answers for "hide screen links in drawerNavigation in react native"

Code answers related to "hide screen links in drawerNavigation in react native"

Code answers related to "Javascript"

Javascript Answers by Framework

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us