About this deal
The following options can be used to configure the screens in the navigator. These can be specified under screenOptions prop of Drawer.navigator or options prop of Drawer.Screen. title The default component for the drawer is scrollable and only contains links for the routes in the RouteConfig. You can easily override the default component to add a header, footer, or other content to the drawer. The default content component is exported as DrawerContent. It renders a DrawerItemList component inside a ScrollView. Storage & organisation Furniture Textiles Kitchenware & tableware Kitchens Lighting Decoration Rugs, mats & flooring Beds & mattresses Baby & children Smart home Bathroom products Laundry & cleaning Plants & plant pots Home electronics Home improvement Outdoor living Food & beverages Christmas Shop Shop by room
Style object to apply to the Text style inside content section which renders a label. drawerContentContainerStyle Optional unique ID for the navigator. This can be used with navigation.getParent to refer to this navigator in a child navigator. initialRouteName descriptors - An descriptor object containing options for the drawer screens. The options can be accessed at descriptors[route.key].options. Whether this screen should be unmounted when navigating away from it. Unmounting a screen resets any local state in the screen as well as state of nested navigators in the screen. Defaults to false. Whether this screen should render the first time it's accessed. Defaults to true. Set it to false if you want to render the screen on initial render. drawerLabel
label (required): The label text of the item. Can be string, or a function returning a react element. e.g. ({ focused, color }) =>
Normally, we don't recommend enabling this prop as users don't expect their navigation history to be lost when switching screens. If you enable this prop, please consider if this will actually provide a better experience for the user. freezeOnBlur icon: Icon to display for the item. Accepts a function returning a react element. e.g. ({ focused, color, size }) =>