mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Héctor Ramos
51681e80ab
Summary: Pull Request resolved: https://github.com/facebook/react-native/pull/26143 A new useColorScheme hook is provided as the preferred way of accessing the user's preferred color scheme (aka Dark Mode). Changelog: [General] [Added] - useColorScheme hook Reviewed By: yungsters Differential Revision: D16860954 fbshipit-source-id: 8a2b6c2624ed7cf431ab331158bc5456cde1f185
32 lines
786 B
JavaScript
32 lines
786 B
JavaScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @format
|
|
* @flow
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
import {useMemo} from 'react';
|
|
import {useSubscription} from 'use-subscription';
|
|
import Appearance from './Appearance';
|
|
import type {ColorSchemeName} from './NativeAppearance';
|
|
|
|
export default function useColorScheme(): ?ColorSchemeName {
|
|
const subscription = useMemo(
|
|
() => ({
|
|
getCurrentValue: () => Appearance.getColorScheme(),
|
|
subscribe: callback => {
|
|
Appearance.addChangeListener(callback);
|
|
return () => Appearance.removeChangeListener(callback);
|
|
},
|
|
}),
|
|
[],
|
|
);
|
|
|
|
return useSubscription(subscription);
|
|
}
|