Изменить шрифт заголовка большой панели действий

Можно ли изменить шрифт заголовка большой панели действий?

Я использую такую ​​большую полосу:

 const actionBar = <ActionBar>this.viewContainerRef.element.nativeElement;

        actionBar.on("loaded", (args) => {
            if (actionBar.ios) {
                const navigationBar: UINavigationBar = actionBar.ios;
                const color = new Color("white");

                navigationBar.prefersLargeTitles = true;
                navigationBar.tintColor = color.ios;
                navigationBar.barTintColor = color.ios;

                navigationBar.titleTextAttributes = <any>{
                    [NSForegroundColorAttributeName]: color.ios
                };

                navigationBar.largeTitleTextAttributes = <any>{
                    [NSForegroundColorAttributeName]: color.ios
                };
            }
        });

Я применил собственный шрифт к панели действий с помощью CSS. Но это изменение не отражается на большом баре. Когда я выключаю большую панель, заголовок отображается произвольным шрифтом.


nativescript nativescript-angular
person Roman Šimr    schedule 14.09.2019    source источник
comment
Я не вижу кода, связанного со шрифтом выше, не могли бы вы поделиться точным кодом, который вы пытаетесь изменить шрифт панели действий.   -  person Manoj    schedule 15.09.2019

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете изменить стили шрифтов, используя тег FormattedString внутри элемента шаблона и добавив несколько Spans для форматирования. Вы можете ознакомиться с документацией здесь.

Для этого из TS попробуйте добавить следующий код:

const format:FormattedString = new FormattedString();
const span:Span = new Span();
span.fontFamily = 'name-your-font';

... а затем поместите Span внутри FormattedString и FormattedString внутри ActionBar.

Надеюсь, это поможет! Если нет, дайте мне знать!

person Davi Figueiredo    schedule 15.09.2019