Nativescript 页面标题在导航后设置时不呈现

Question

我正在构建一个应用程序，但在导航到该页面后在 ActionBar 中呈现标题时遇到问题。由于 ActionBar 不能有一个 id，我在其中使用可观察的 viewModel 我设置了标题属性.

-----xml-----
    <Page.actionBar>
        <ActionBar title="{{ name }}">
        </ActionBar>
    </Page.actionBar>
-------------
------js-----

  exports.pageLoaded = function(args) {
    page = args.object;

    var navData = page.navigationContext;
    viewModel.set("name",navData.name);

    page.bindingContext = viewModel;
};

到目前为止我在调试这个问题时看到的是，当我关闭 phone 屏幕然后打开它（刷新应用程序）时，操作栏标题将呈现。

找到答案（解决方法），

 <ActionBar> 
        <ActionItem ios.systemIcon="12" android.systemIcon="ic_menu_search" tap="showSearch" /> 
    <ActionItem android.systemIcon="ic_menu_moreoverflow" tap="logout" text="Logout" android.position="popup" /> 
    <ActionBar.titleView> 
           <StackLayout orientation="horizontal"> 
           <Label text="{{ name }}" /> 
           <Image src="res://app_icon" /> 
           </StackLayout> 
    </ActionBar.titleView>

Answer 1

您需要在不同的页面事件中设置标题，您应该在页面的 navigatedTo 事件中设置标题。

有关页面导航事件的详细信息，请查看此博客 post Nathanael Anderson - FluentReports - page navigating order of events

Nativescript 页面标题在导航后设置时不呈现

Nativescript page title not rendering when set after navigation

nativescript