Back to React Native Paper

Divider

docs/public/4.0/divider.html

5.15.1752 B
Original Source

Divider

A divider is a thin, lightweight separator that groups content in lists and page layouts.

Usage

js
import * as React from 'react';
import { View } from 'react-native';
import { Divider, Text } from 'react-native-paper';

const MyComponent = () => (
  <View>
    <Text>Lemon</Text>
    <Divider />
    <Text>Mango</Text>
    <Divider />
  </View>
);

export default MyComponent;

Props

inset Type: boolean

Whether divider has a left inset.

style Type: StyleProp<ViewStyle>

theme Type: ReactNativePaper.Theme

Edit this page