Utilização

Create routes and tabs

tsx
// app/(shows)/show/[id].tsx
import { Text, type RouteOptions, type ScreenProps } from 'kuito';

export type Params = { id: number };

export const options: RouteOptions<Params> = { title: ({ id }) => `Show ${id}` };

export default function Show({ id }: ScreenProps<Params>) {
  return <Text>Show {id}</Text>;
}

Declaração do tipo

ts
export type ScreenProps<P extends object = {}, R = undefined> = P & {
  /** Closes this screen; the `present` that showed it resolves with `result`. */
  dismiss: (result?: R) => void;
  /**
   * How far a back swipe has taken its stack's top screen away: 0 at rest,
   * 1 gone, every frame on the UI thread (docs/navigation.md#motion). It
   * stays 0 for a presented screen; a screen rendered outside a Router has none.
   */
  back?: Motion<number>;
  /** The sheet a screen presented as a sheet shows in, as it moves (docs/navigation.md#motion). */
  sheet?: SheetMotion;
};

Membros 3

NomeTipoObrigatórioDescrição
dismiss(result?: R) => voidSimCloses this screen; the present that showed it resolves with result.
backMotion<number>NãoHow far a back swipe has taken its stack's top screen away: 0 at rest, 1 gone, every frame on the UI thread (docs/navigation.md#motion). It stays 0 for a presented screen; a screen rendered outside a Router has none.
sheetSheetMotionNãoThe sheet a screen presented as a sheet shows in, as it moves (docs/navigation.md#motion).
dismiss — assinaturas de método

Assinaturas

ts
(result?: R): void

Parâmetros

NomeTipoObrigatórioDescrição
resultRNão—

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.