Utilisation

Return a result from a presented screen

tsx
import type { RouteOptions } from 'kuito';

export const options: RouteOptions = { presentation: 'sheet', snapPoints: ['50%', '100%'] };

Déclaration du type

ts
export type RouteOptions<P extends object = {}> = Omit<
  RouteProps<P>,
  'name' | 'path' | 'params' | 'screen'
>;

Membres 6

NomTypeRequisDescription
presentationPresentationNon—
backgroundColorstringNonThe screen's color, under the bars too; the platform's background without.
snapPointsreadonly SnapPoint[]NonA sheet route's heights, as <Sheet snapPoints> takes them; the platform's default without.
titlestring | ((params: P) => string)NonThe native header's title.
headerfalse | ScreenHeader | ((params: P) => false | ScreenHeader)NonThe native header: false hides it; its items, large title and search otherwise (docs/navigation.md#headers).
systemBarsSystemBarsPropsNonThe system bars while this screen is focused, as a <SystemBars>'s props (docs/system-ui.md).
systemBars — champs imbriqués

systemBars champs

NomTypeRequisDescription
statusBarStatusBarOptionsNonThe status bar's content color, visibility and, on Android, color.
backgroundColorstringNonThe root view's color, seen behind the app's views.
navigationBarColorstringNonAndroid: drawn behind the navigation bar.
navigationBarButtonStyleNavigationBarButtonStyleNonAndroid: light buttons for a dark navigation bar, dark buttons for a light one.
navigationBarHiddenbooleanNonAndroid: hides the navigation bar; a swipe from the edge shows it for a moment.
immersivebooleanNonFull screen: hides the status bar, the navigation bar and the home indicator, and on iOS edge swipes reach the app first. The entry's own props, and later entries, win over what it hides.
homeIndicatorAutoHiddenbooleanNoniOS: lets the home indicator fade out while the user doesn't touch the screen.
statusBar — champs imbriqués

statusBar champs

NomTypeRequisDescription
contentStatusBarContentNonThe color of the status bar's text and icons.
hiddenbooleanNon—
animatedbooleanNonWhether changes to content, hidden and backgroundColor animate.
transitionStatusBarTransitionNoniOS: how showing and hiding animates, when animated.
backgroundColorstringNonAndroid: drawn behind the status bar; a hex color.
translucentbooleanNonAndroid: false lays the app out below the status bar instead of under it.
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.