Skip to main content

Header.Action

A component designed to render an actionable item within the header.

Image icon

Usage​

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

const HomeScreen = () => {
  useHeader(() => (
    <Header>
      <Header.Action variant="vector" icon="bell" />
    </Header>
  ));

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

export default HomeScreen;

Props​

Extends ...IconButtonProps<Theme> from the IconButton component

icon​

Type: string

onPress​

Type: (e: GestureResponderEvent) => void

Function to execute on press.