/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

1 vote346 views1 answer
Has been blocked by cors policy react fetch firebase realtime database
Javascript React
14 votes371 views4 answers
Conditional classname prop react
Javascript React
1 vote358 views2 answers
Adding more than one class react
Javascript React
3 votes304 views2 answers
Handle onchange react
Javascript React
0 vote323 views1 answer
Configure the Chrome debugger react
Javascript React
0 vote327 views1 answer
Libraries like html-react-parser
Javascript React
1 vote382 views2 answers
React PropTypes.instanceOf
Javascript React
3 votes379 views2 answers
Error duplicate resources react native
Javascript React
16 votes283 views1 answer
How to insern an image in react
Javascript React
18 votes337 views6 answers
Import svg as react component
Javascript React