Use

1import { Text, View } from 'react-native';
2import { useDevice } from '@kyna-code/use-device';
3 
4export function EnvironmentSummary() {
5  const device = useDevice();
6 
7  return (
8    <View>
9      <Text>{device.width} × {device.height}</Text>
10      <Text>{device.platform}</Text>
11      <Text>{device.languageTag}</Text>
12      <Text>{device.theme}</Text>
13    </View>
14  );
15}

The returned snapshot updates when the app window, font scale, system theme, or locale changes. width and height are the app-window dimensions in logical pixels, not the physical screen size, so they behave correctly with split-screen and resizable web or desktop windows.

App-specific decisions—such as breakpoints, supported interface languages, and theme color tokens—belong in the consuming app and can be derived from this hook.