Designing around iPhone Dynamic Island

I am not versed in CCS but would like to understand how everyone is designing their headers to cope with the Dynamic Island on iPhone? Are there in tips for setting header heights, do’s, don’t’s etc?

The Dynamic island on later iPhones now covers my search bar and I am struggling with getting the heights right on my header so that it doesn’t drop down too far and look pants.

Any thoughts or experiences welcomed.

Hi! That height is variable from device to device and if you apply the reasoning you make it could affect android.. Why don’t you just select the safe zone?