RouterProps — Kuito Documentation

Utilisation

Give a tab a title and platform icon

Ce type est utilisé par Router

tsx

import { Route, Router, Tab, Tabs, Text } from 'kuito';

function Discover() {
  return <Text padding={16}>Discover</Text>;
}

function Library() {
  return <Text padding={16}>Library</Text>;
}

export default function App() {
  return (
    <Router>
      <Tabs>
        <Tab name="discover" title="Discover" icon={{ ios: 'safari', android: 'explore' }}>
          <Route name="index" path="/" screen={Discover} title="Discover" />
        </Tab>
        <Tab
          name="library"
          title="Library"
          icon={{ ios: 'books.vertical', android: 'library_music' }}
        >
          <Route name="library" path="/library" screen={Library} title="Library" />
        </Tab>
      </Tabs>
    </Router>
  );
}

Déclaration du type

export interface RouterProps {
  /** The first screen shown; the first route's by default. */
  initial?: Destination;
  /**
   * Deep links: the link that launched the app, and each one that arrives
   * while it runs, navigate to the route their path matches. Off by default.
   */
  linking?: boolean;
  children: KuitoNode;
}

Membres 3

Nom	Type	Requis	Description
`initial`	`Destination<unknown>`	Non	The first screen shown; the first route's by default.
`linking`	`boolean`	Non	Deep links: the link that launched the app, and each one that arrives while it runs, navigate to the route their path matches. Off by default.
`children`	`KuitoNode`	Oui	—

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.