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