Back to React Native Paper

List.Section

docs/public/4.0/list-section.html

5.15.11022 B
Original Source

List.Section

A component used to group list items.

Usage

js
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