Skip to main content

List.Section

A component used to group list items.

Usage​

import * as React from 'react';
import { List, MD3Colors } 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={MD3Colors.tertiary70} 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: ThemeProp

titleStyle​

Type: StyleProp<TextStyle>

Style that is passed to Title element.

style​