Skip to main content

Appbar.BackAction

A component used to display a back button in the appbar.

Usage​

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

const MyComponent = () => (
    <Appbar.Header>
      <Appbar.BackAction onPress={() => {}} />
    </Appbar.Header>
);

export default MyComponent;

Props​

color​

Type: string

Custom color for back icon.

size​

Type: number

Optional icon size.

disabled​

Type: boolean

Whether the button is disabled. A disabled button is greyed out and onPress is not called on touch.

accessibilityLabel​

Type: string

Default value: 'Back'

Accessibility label for the button. This is read by the screen reader when the user taps the button.

onPress​

Type: (e: GestureResponderEvent) => void

Function to execute on press.

style​

Type: Animated.WithAnimatedValue<StyleProp<ViewStyle>>

ref​

Type: React.RefObject<View>