AppearancePreferences — Kuito Documentation

Utilisation

Read the system display preferences.

tsx

// Read the system display preferences.
import { Text, appearance, type AppearancePreferences } from 'kuito';

function describe(preferences: AppearancePreferences): string {
  const scheme = preferences.colorScheme ?? 'no preference';

  return `${scheme}, text at ${Math.round(preferences.fontScale * 100)}%`;
}

<Text>
  {describe({ colorScheme: appearance.colorScheme.value, fontScale: appearance.fontScale.value })}
</Text>;

Déclaration du type

export type AppearancePreferences = {
  colorScheme: ColorSchemeName | null;
  fontScale: number;
};

Membres 2

Nom	Type	Requis	Description
`colorScheme`	`Scheme`	Oui	—
`fontScale`	`number`	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.