ScreenProps — Kuito Documentation

Utilisation

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>;
}

Déclaration du type

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;
};

Membres 3

Nom	Type	Requis	Description
`dismiss`	`(result?: R) => void`	Oui	Closes this screen; the `present` that showed it resolves with `result`.
`back`	`Motion<number>`	Non	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.
`sheet`	`SheetMotion`	Non	The sheet a screen presented as a sheet shows in, as it moves (docs/navigation.md#motion).

dismiss — signatures de méthode

Signatures

(result?: R): void

Paramètres

Nom	Type	Requis	Description
`result`	`R`	Non	—

Retourne

void

Généré depuis les déclarations TypeScript publiques : signatures, props et valeurs par défaut viennent de la source vérifiée, les descriptions de sa JSDoc. Aucune valeur par défaut n'est inventée.