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

Question

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

-----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;
};

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

找到答案(解决方法)，

 <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 事件中执行此操作。

有关页面导航事件的更多信息，请查看此博文 Nathanael Anderson - FluentReports - page navigating order of events