Изменить цвет шрифта строки состояния

Question

Можно ли изменить цвет строки состояния на определенной странице с помощью angular2 / nativescript?

Я пытался использовать этот способ из документов, но он не работает.

import { topmost } from "tns-core-modules/ui/frame";

if (topmost().ios) {
   var navigationBar = topmost().ios.controller.navigationBar;
   // 0: default
   // 1: light
   navigationBar.barStyle = 1;
}

Пример детской площадки здесь: https://play.nativescript.org/?template=play-ng&id=z8CnAz

PS: мне нужно иметь черную строку состояния на первой странице и белую на второй. Возможно ли это?

Answer 1

Вы можете установить событие загрузки на ActionBar с помощью следующего обработчика:

export function onActionBarLoaded(args: EventData) {
    const actionBar = <ActionBar>args.object;

    if (actionBar.ios) {
        var navigationBar = actionBar.page.frame.ios.controller.navigationBar;
        navigationBar.barStyle = 1;
    }
}

Тестовая площадка .

Answer 2

Вы должны установить UIViewControllerBasedStatusBarAppearance ключ на true в вашем info.plist

<key>UIViewControllerBasedStatusBarAppearance</key>
<true/>