Back to React Native Paper

Appbar.Content

docs/public/3.0/appbar-content.html

5.15.11.1 KB
Original Source

Appbar.Content

A component used to display a title and optional subtitle in an appbar.

Usage

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

const MyComponent = () => (
    <Appbar.Header>
       <Appbar.Content title="Title" subtitle={'Subtitle'} />
    </Appbar.Header>
);

export default MyComponent;

Props

color Type: string

Custom color for the text.

title (required) Type: React.ReactNode

Text for the title.

titleStyle Type: StyleProp<TextStyle>

Style for the title.

titleRef Type: React.RefObject<Text>

Reference for the title.

subtitle Type: React.ReactNode

Text for the subtitle.

subtitleStyle Type: StyleProp<TextStyle>

Style for the subtitle.

onPress Type: () => void

Function to execute on press.

style Type: StyleProp<ViewStyle>

theme Type: Theme

Edit this page