/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 vote301 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript React
2 votes351 views3 answers
New line in react js
Javascript React
0 vote328 views1 answer
Create react app node: internal/modules/cjs/loader:936throw err;^Error: Cannot find module 'react-scripts/scripts/init.js'
Javascript React
0 vote350 views1 answer
React native parent opcaity not affecting text
Javascript React
0 vote305 views1 answer
To do list app react code
Javascript React
15 votes306 views3 answers
Loop over a nerber in react
Javascript React
0 vote311 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React
0 vote269 views1 answer
Integrate my own google pay using react js
Javascript React
3 votes303 views3 answers
Async await class component react
Javascript React
0 vote296 views1 answer
Import React from 'react'; import {Router, Scene} from 'react-native-router-flux';
Javascript React