docs/public/2.0/drawer-section.html
A component to group content inside a navigation drawer.
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>
);
}
}
title
Type: string
Title to show as the header for the section.
children (required)
Type: React.Node
Content of the Drawer.Section.
style
Type: ViewStyleProp
theme
Type: Theme