Drawer.Section

A component to group content inside a navigation drawer.

Usage

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

export default class MyComponent extends React.Component {
  state = {
    active: 'first',
  };

  render() {
    const { active } = this.state;

    return (
      <Drawer.Section title="Some title">
        <Drawer.Item
          label="First Item"
          active={active === 'first'}
          onPress={() => { this.setState({ active: 'first' }); }}
        />
        <Drawer.Item
          label="Second Item"
          active={active === 'second'}
          onPress={() => { this.setState({ active: 'second' }); }}
        />
     </Drawer.Section>
    );
  }
}

Props

title
Type: string

Title to show as the header for the section.

children (required)
Type: React.Node

Content of the Drawer.Section.

theme
Type: Theme