DrawerSection

Drawer container slides in from the left and contains the navigation destinations for your app.

Usage

export default class MyComponent extends Component {
  state = {
    active: 'First Item',
  };

  render() {
    const { active } = this.state;
    return (
      <DrawerSection title="Subheader">
        <DrawerItem
          label="First Item"
          active={this.state.active === 'First Item'}
          onPress={() => { this.setState({ active: 'First Item' }); }}
       />
        <DrawerItem
          label="Second Item"
          active={this.state.active === 'Second Item'}
          onPress={() => { this.setState({ active: 'Second Item' }); }}
       />
     </DrawerSection>
    );
  }
}

Props

title
Type: string

Title to show as the header for the section.

children (required)

Content of the DrawerSection.

theme
Type: Theme