Utilização

Give a tab a title and platform icon

Este tipo é usado por 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>
  );
}

Declaração do tipo

ts
export type StatusBarOptions = {
  /** The color of the status bar's text and icons. */
  content?: StatusBarContent;
  hidden?: boolean;
  /** Whether changes to content, hidden and backgroundColor animate. */
  animated?: boolean;
  /** iOS: how showing and hiding animates, when animated. */
  transition?: StatusBarTransition;
  /** Android: drawn behind the status bar; a hex color. */
  backgroundColor?: string;
  /** Android: false lays the app out below the status bar instead of under it. */
  translucent?: boolean;
};

Membros 6

NomeTipoObrigatórioDescrição
contentStatusBarContentNãoThe color of the status bar's text and icons.
hiddenbooleanNão—
animatedbooleanNãoWhether changes to content, hidden and backgroundColor animate.
transitionStatusBarTransitionNãoiOS: how showing and hiding animates, when animated.
backgroundColorstringNãoAndroid: drawn behind the status bar; a hex color.
translucentbooleanNãoAndroid: false lays the app out below the status bar instead of under it.
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.