import { useDeviceGeometry } from 'react-native-device-geometry';

function App() {
  const geometry = useDeviceGeometry();

  if (!geometry) return <Loading />;

  const hasDynamicIsland = geometry.mainDisplay.cutouts.cutouts.some(
    cutout => cutout.shapeType === 'pill'
  );

  return (
    <View style={hasDynamicIsland && { paddingTop: 60 }}>
      <YourContent />
    </View>
  );
}

import { DeviceGeometry } from 'react-native-device-geometry';

// Get complete geometry data
const geometry = await DeviceGeometry.getGeometry();

console.log('Screen:', geometry.mainDisplay.metrics);
console.log('Cutouts:', geometry.mainDisplay.cutouts.cutouts);
console.log('Corners:', geometry.mainDisplay.corners);

// Quick checks
const hasCutout = await DeviceGeometry.hasCutout();
const isFoldable = await DeviceGeometry.isFoldable();

import { DeviceGeometry, EVENTS } from 'react-native-device-geometry';

// Listen for orientation changes
DeviceGeometry.addListener(
  EVENTS.ORIENTATION_CHANGE,
  (event) => {
    console.log('Device rotated!', event);
    updateLayout();
  }
);

// Listen for geometry updates
DeviceGeometry.addListener(
  EVENTS.GEOMETRY_DID_CHANGE,
  async () => {
    const newGeo = await DeviceGeometry.getGeometry();
    refreshUI(newGeo);
  }
);