/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 vote154 views1 answer
React node github project
Javascript React
7 votes215 views3 answers
React route props
Javascript React
4 votes292 views1 answer
Error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class.
Javascript React
3 votes306 views3 answers
Center element react native
Javascript React
11 votes263 views4 answers
React native text underline
Javascript React
18 votes202 views6 answers
React native android build
Javascript React
1 vote210 views1 answer
Two proptypes in react
Javascript React
11 votes194 views3 answers
React Hook "useState" is called in function "cardState" which is neither a React function component or a custom React Hook function
Javascript React
0 vote208 views3 answers
React form validation
Javascript React
0 vote227 views1 answer
Textalignvertical not working in ios react native
Javascript React