/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

6 votes230 views1 answer
Import useHistory react-router-dom version 6
Javascript React
4 votes246 views2 answers
Get request react
Javascript React
0 vote231 views1 answer
React-native-safe-area-context
Javascript React
0 vote237 views1 answer
React native no android sdk found
Javascript React
16 votes232 views2 answers
Where to put background images in react app
Javascript React
0 vote218 views4 answers
React router v6
Javascript React
0 vote242 views1 answer
How to make the width of a react native element adjust according to the contents
Javascript React
0 vote238 views1 answer
Application/ld+json react
Javascript React
0 vote238 views1 answer
Array map order by timestamp reactjs
Javascript React
64 votes222 views6 answers
Router react
Javascript React