Nativescript

Question

在我的应用程序的某个时刻，我以编程方式创建了一个详细信息页面，但我似乎无法为页面添加点击操作以导航到上一个一，我希望按钮位于操作栏上，这是我的代码：

var detailPage = function () {
        var titulo = new labelModule.Label();
        titulo.textWrap = true;
        titulo.cssClass = "titulo";
        titulo.text = tappedItem.titulo;

        var texto = new labelModule.Label();
        texto.textWrap = true;
        texto.cssClass = "texto";
        texto.text = tappedItem.texto;

        var stackLayout = new StackLayout();
        stackLayout.addChild(titulo);
        stackLayout.addChild(texto);

        var scrollView = new scrollViewModule.ScrollView();
        scrollView.content = stackLayout;

        var page = new pagesModule.Page();
        page.actionBar.navigationButton = new actionBarModule.NavigationButton();
        page.actionBar.navigationButton.icon = "res://ic_menu";
        page.actionBar.navigationButton.tap = //??

        page.content = scrollView;
        page.addCss(".titulo {height: auto;margin-top: 10;font-size:13;font-weight: bold;text-align:center;text-transform:uppercase}.texto {height:auto;text-align:justify;font-size:11}");
        return page;
    };

我不知道我是否应该使用 page.actionBar.navigationButton.tap 或者是否以其他方式完成...有人知道如何执行此操作吗？

Answer 1

可以使用以下语法之一创建事件侦听器

var navButton = new NavigationButton();
navButton.icon = "res://icon";
navButton.on("tap", function() {
    console.log("nav button tapped");
})
// or
navButton.addEventListener("tap", function() {
    console.log("nav button tapped");
});

page.actionBar.navigationButton = navButton;

Nativescript - ActionBar.navigationButton 以编程方式点击

Nativescript - ActionBar.navigationButton tap programmatically