Calculate screen cutouts and notches to dynamically apply CSS padding.
Get physical screen insets for camera notches, punch-holes, and home bar indicators to dynamically pad your UI layout. Essential for edge-to-edge fullscreen apps.
import nativine from 'nativine';
const insets = await nativine.device.getSafeAreaInsets();
// insets -> { top: 44, bottom: 34, left: 0, right: 0 }Returns an object with top, bottom, left, and right values in device-independent pixels (dp). Use these values to apply CSS padding or margins to avoid content being obscured by notches or system UI.