Logo

List.Section

A component used to group list items.

Usage

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

const MyComponent = () => (
  <List.Section>
    <List.Subheader>Some title</List.Subheader>
    <List.Item title="First Item" left={() => <List.Icon icon="folder" />} />
    <List.Item
      title="Second Item"
      left={() => <List.Icon color="#000" icon="folder" />}
    />
  </List.Section>
);

export default MyComponent;

Props

title
Type: string

Title text for the section.

children (required)
Type: React.ReactNode

Content of the section.

theme
Type: ReactNativePaper.Theme
titleStyle
Type: StyleProp<TextStyle>

Style that is passed to Title element.

style
Type: StyleProp<ViewStyle>
Edit this page