На двух вкладках в моем приложении Ioni c 4 у меня есть ion-header, и содержимое в них безопасно перемещается ниже метки полноэкранных iPhone (X и 11)
На двух других вкладках у меня нет содержимого заголовка, но без заголовка ion содержимое оказывается под выемкой и выглядит плохо
Я пытался заставить этот CSS работать, как было предложено другими вопросами здесь, на SO
margin-top: constant(safe-area-inset-top);
margin-top: env(safe-area-inset-top);
Но если я применяю это к телу в глобальном .s css он убирает другие вкладки и отталкивает нижний колонтитул от низа. Если я применю его к ионному содержанию в компонентах, составляющих целевые вкладки, он не окажет никакого эффекта.