Bearbeiten

AppTheme

Diese API erlaubte zuvor die Reaktion auf den Hell-/Dunkelmodus, aber diese Funktionalität wurde zugunsten der Appearance API von React Native entfernt. Wir hoffen, die High-Level-APIs in einer zukünftigen Version von react-native-windows abzugleichen.

AppTheme ermöglicht es Ihnen zu erkennen, wenn eine Anwendung im Hochkontrastmodus ist, und die Farben, die in diesem Modus verwendet werden sollten.

import { useEffect, useState } from 'react';
import { Text } from 'react-native';
import { AppTheme } from 'react-native-windows';

const SampleComponent = () => {
  const [isHighContrast, setHighContrast] = useState(AppTheme.isHighContrast);

  useEffect(() => {
    const subscription = AppTheme.addListener('highContrastChanged', () => {
      setHighContrast(AppTheme.isHighContrast);
    });

    return () => subscription.remove();
  });

  if (isHighContrast) {
    return <Text>High Contrast Enabled</Text>;
  } else {
    return <Text>High Contrast Disabled</Text>;
  }
};

export default SampleComponent;

Referenz

Events

highContrastChanged

Ein Ereignis, das ausgelöst wird, wenn das System des Benutzers zu einem Hochkontrastthema wechselt.

Eigenschaften

isHighContrast

bool isHighContrast

true, wenn der Benutzer sein System auf den Hochkontrastmodus eingestellt hat. Andernfalls false.

currentHighContrastColors

IHighContrastColors currentHighContrastColors

Die Liste der Farben, die im Hochkontrastmodus verwendet werden.