Logo

Drawer.Item

A component used to show an action item with an icon and a label in a navigation drawer.

Usage

import * as React from 'react';
import { Drawer } from 'react-native-paper';

const MyComponent = () => (
   <Drawer.Item
     style={{ backgroundColor: '#64ffda' }}
     icon="star"
     label="First Item"
   />
);

export default MyComponent;

Props

label (required)
Type: string

The label text of the item.

icon
Type: IconSource

Icon to display for the DrawerItem.

active
Type: boolean

Whether to highlight the drawer item as active.

onPress
Type: () => void

Function to execute on press.

accessibilityLabel
Type: string

Accessibility label for the button. This is read by the screen reader when the user taps the button.

right
Type: (props: { color: string }) => React.ReactNode

Callback which returns a React element to display on the right side. For instance a Badge.

style
Type: StyleProp<ViewStyle>
theme
Type: ReactNativePaper.Theme
Edit this page