HeaderItem — Kuito Documentação

Utilização

Add a navigation header action.

tsx

// Add a navigation header action.
import { signal, type HeaderItem, type RouteOptions } from 'kuito';

const editing = signal(false);

const edit: HeaderItem = {
  label: 'Edit',
  onPress: () => (editing.value = !editing.value),
};
const add: HeaderItem = {
  label: 'Add',
  icon: { ios: 'plus', android: 'add' },
  onPress: () => console.log('add'),
};

export const options: RouteOptions = {
  title: 'Playlists',
  header: { leading: [edit], trailing: [add] },
};

Declaração do tipo

export interface HeaderItem {
  /** What it says; with an icon, what a screen reader reads. */
  label: string;
  /** A symbol shown instead of the label: an SF Symbol on iOS, a Material Symbol on Android. */
  icon?: string | { ios?: string; android?: string };
  onPress: () => void;
  disabled?: boolean;
}

Membros 4

Nome	Tipo	Obrigatório	Descrição
`label`	`string`	Sim	What it says; with an icon, what a screen reader reads.
`icon`	`string \| { ios?: string; android?: string;}`	Não	A symbol shown instead of the label: an SF Symbol on iOS, a Material Symbol on Android.
`onPress`	`() => void`	Sim	—
`disabled`	`boolean`	Não	—

onPress — assinaturas de método

Assinaturas

(): void

Parâmetros

Sem parâmetros.

Devolve

void

Gerado a partir das declarações TypeScript públicas: assinaturas, props e predefinições vêm da fonte verificada, as descrições da sua JSDoc. Nenhuma predefinição é inventada.