如何在 iOS 上设置大标题的字体系列？答案

【问题标题】：How can I set the font-family of large titles on iOS?如何在 iOS 上设置大标题的字体系列？
【发布时间】：2020-01-13 10:19:35
【问题描述】：

通过将事件侦听器附加到页面上的 loaded-event 并获取 NativeView-object，我已经能够将 prefersLargeTitle 设置为 true：

loaded(event){
  const page = event.object;

  if (isIOS) {
    page.frame.ios.controller.navigationBar.prefersLargeTitles = true;
  }
}

这可行，但我想更改大标题的字体系列。我怎样才能在 Nativescript 中做到这一点？

【问题讨论】：

你试过largeTitleTextAttributes吗？
@Manoj no，我一直在寻找有关它的文档，但我找不到如何在 Nativescript 中设置它的好例子。
试试.largeTitleTextAttributes = { [NSFontAttributeName]: Font.default.withFontFamily('fontFamily').withFontSize(fontSize).getUIFont(UIFont.systemFontOfSize(10)) };
根据您的建议，我现在尝试了以下操作： navbar.largeTitleTextAttributes = {[NSFontAttributeName]: Font.default.withFontFamily('New York').withFontSize(30).getUIFont(UIFont.systemFontOfSize(20) ))};不幸的是，没有效果:(

标签： nativescript nativescript-vue

【解决方案1】：

尝试将以下代码添加到您的app.js

import {
    isIOS
} from "tns-core-modules/platform";
import {
    ActionBar
} from "tns-core-modules/ui/action-bar";
import {
    Font
} from "tns-core-modules/ui/styling/font";

if (isIOS) {
    ActionBar.prototype.originalSetColor = ActionBar.prototype.setColor;
    ActionBar.prototype.setColor = function (navBar, color) {
        ActionBar.prototype.originalSetColor.call(this, navBar, color);
        var newDict = {
            [NSFontAttributeName]: Font
                .default
                .withFontFamily(
                    "yourFontFamily")
                .withFontSize(yourFontSize)
                .getUIFont(UIFont
                    .systemFontOfSize(20)),
        };
        if (navBar.largeTitleTextAttributes) {
            newDict[NSForegroundColorAttributeName] = navBar.largeTitleTextAttributes.valueForKey(NSForegroundColorAttributeName);
        }
        navBar.largeTitleTextAttributes = newDict;
    };
}

您仍然可以像现在一样设置prefersLargeTitles 标志。

【讨论】：