Is there any way to know that device mode is dark or light? in react native

Question

I want to change the app color by mode of device whether if it is dark or light.

But I don't know how to check that my device is in dark mode or in light mode.

Please advice something.

Answer 1

You can do this with the Appearance module, via

import { Appearance } from 'react-native';

const colorScheme = Appearance.getColorScheme();
if (colorScheme === 'dark') {
  // Use dark color scheme
}

You can also check whether the user has changed those settings by adding a listener like such:

static addChangeListener(listener)

Look here for the documentation.