/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

18 votes229 views3 answers
React detect enter key
Javascript React
0 vote270 views1 answer
Textinput multiline start from top react native
Javascript React
0 vote203 views2 answers
Error: Error: Unable to resolve module react-native-gesture-handler
Javascript React
0 vote248 views1 answer
React scroll to top on page refresh - don't restore position
Javascript React
1 vote223 views2 answers
React-native array.filter by index arrow function
Javascript React
0 vote218 views1 answer
Add image to ag-grid with react
Javascript React
0 vote218 views1 answer
React native scrollview full height
Javascript React
0 vote226 views1 answer
Why does my react project dosent have any class
Javascript React
2 votes238 views1 answer
React promises
Javascript React
0 vote218 views1 answer
Bottom shadow in react native
Javascript React