Nativescript ActionBar переполнен в безопасную область на эмуляторе iPhone 11 (метка)

Question

Я занимаюсь разработкой приложения на NativeScript, предназначенного как для устройств Android, так и для iOS. После получения устройства macOS для запуска эмулятора iOS у меня возникла проблема с отображением ActionBar.

Вот так выглядит ActionBar на Android, и я хотел, чтобы он выглядел.

эмулятор Android Pixel 3

Вот как это выглядит на iOS:

эмулятор iPhone 11

Как вы видите проблемус надрезом, перекрывающимся с панелью действий.

Я попытался добавить свойство iosOverflowSafeArea как false к панели действий и установить отступ в файле ios css, но, похоже, ничего не получалось. С поиском решения это не кажется общей проблемой, поэтому я склонен думать, что есть простое решение.

Редактировать:

Вот мой компонент ActionBar:

<ActionBar iosOverflowSafeArea="false" class="action-bar">
  <StackLayout orientation="horizontal" width="100%" horizontalAlignment="left" verticalAlignment="center" class="fa">
    <Label class="action-label action-item" text="BFC club" width="55%"></Label>
    <Label text="{{ username | titlecase}}" class="action-bar-title text-right" width="25%"></Label>
    <Label text="&#xf007;" class="action-label action-item" width="10%" (tap)="navigate('user')"></Label>
    <Label text="&#xf09d;" class="action-label action-item" width="10%" (tap)="navigate('bf')"></Label>
  </StackLayout>
</ActionBar>