/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 vote181 views1 answer
Deploy react to azure : web.config
Javascript React
1 vote207 views1 answer
React-native link to play store
Javascript React
1 vote214 views1 answer
Module not found: Can't resolve 'C:\Users\{user}\Documents\React apps\{app-name}\node_modules\react-scripts\node_modules\babel-loader\lib\index.js'
Javascript React
2 votes182 views1 answer
Can't import react bootstrap
Javascript React
0 vote325 views1 answer
How to change tab color react bootstraps customixation
Javascript React
1 vote224 views1 answer
Two proptypes in react
Javascript React
10 votes191 views2 answers
React text input onchange
Javascript React
0 vote190 views1 answer
React check if mobile or desktop
Javascript React
1 vote178 views1 answer
Class Component in ReactJS
Javascript React
0 vote185 views1 answer
Images not displaying in react
Javascript React