ScreenHeader — Kuito Dokumentation

Verwendung

Give a tab a title and platform icon

Dieser Typ wird verwendet von Route

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

Typdeklaration

export interface ScreenHeader {
  /** Before the title, in reading order; after the back button on iOS. */
  leading?: readonly HeaderItem[];
  /** After the title. */
  trailing?: readonly HeaderItem[];
  /** The title shown large under the bar. */
  largeTitle?: boolean;
  search?: HeaderSearch;
}

Mitglieder 4

Name	Typ	Erforderlich	Beschreibung
`leading`	`readonly HeaderItem[]`	Nein	Before the title, in reading order; after the back button on iOS.
`trailing`	`readonly HeaderItem[]`	Nein	After the title.
`largeTitle`	`boolean`	Nein	The title shown large under the bar.
`search`	`HeaderSearch`	Nein	—

Generiert aus den öffentlichen TypeScript-Deklarationen: Signaturen, Props und Standardwerte stammen aus der geprüften Quelle, Beschreibungen aus deren JSDoc. Kein Standardwert ist erfunden.