Skip to main content

Header.BackAction

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

Vector icon

Usage​

import { Header, Screen, Text } from "@/components";
import useHeader from "@/hooks/useHeader";
import React from "react";

const HomeScreen = () => {
  useHeader(() => (
    <Header>
      <Header.BackAction />
    </Header>
  ));

  return <Screen background="primary50" />;
};

export default HomeScreen;

Props​

Extends ...Omit<IconProps, 'icon'> from the Icon component

onPress​

Type: (e: GestureResponderEvent) => void

Function to execute on press.

color​

Type: ColorProps<Theme>

Defines color of the icon