/Javascript/React/Hide screen links in drawerNavigation in react native

Hide screen links in drawerNavigation in react native

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}
  />
);

Source: github.com

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>
    )
}

Source: github.com

Similar codes

0 vote156 views1 answer
Npm react-native-async-storage
Javascript React
0 vote146 views5 answers
Arrow function component react shortcut vscode
Javascript React
0 vote156 views1 answer
React-native-restart
Javascript React
0 vote144 views1 answer
Align left text in reactstrap
Javascript React
0 vote141 views2 answers
React router how to send data
Javascript React
1 vote148 views1 answer
React scroll to bottom of div
Javascript React
4 votes136 views1 answer
Import all images from folder reactjs
Javascript React
1 vote147 views1 answer
Two button in one row react native
Javascript React
73 votes147 views7 answers
React icons
Javascript React
3 votes151 views2 answers
Link react
Javascript React