Introduce useDisplaySize

src/hooks/useDisplaySize.ts

@@ -0,0 +1,10 @@
+import { is_fully } from '../utils/is_fully';
+
+export const useDisplaySize = () => {
+    if (!is_fully()) return { width: undefined, height: undefined };
+
+    return {
+        width: fully.getDisplayWidth(),
+        height: fully.getDisplayHeight(),
+    };
+};

src/index.ts

@@ -6,6 +6,7 @@ export * from './hooks/useCharging';
 export * from './hooks/useCurrentLocale';
 export * from './hooks/useDeviceId';
 export * from './hooks/useDeviceName';
+export * from './hooks/useDisplaySize';
 export * from './hooks/useHostname';
 export * from './hooks/useImei';
 export * from './hooks/useIpv4Address';

test/App.tsx

@@ -7,6 +7,7 @@ import {
     useCurrentLocale,
     useDeviceId,
     useDeviceName,
+    useDisplaySize,
     useHostname,
     useHostname6,
     useImei,
@@ -45,6 +46,7 @@ export const App: FC = () => {
     const { charging, chargeState } = useCharging();
     const { brightness, setBrightness } = useScreenBrightness();
     const orientation = useOrientation();
+    const { width, height } = useDisplaySize();
 
     return (
         <div>
@@ -78,6 +80,9 @@ export const App: FC = () => {
                 <button onClick={() => setBrightness(255)}>255</button>
             </p>
             <p>Current orientation: {orientation}</p>
+            <p>
+                Display size: {width} x {height}
+            </p>
         </div>
     );
 };