Question

原始问题： 只需尝试找出是否可以通过Nativescript JS中的代码添加操作栏如果是这样，您将如何处理？

新问题：因此，以下代码会动态加载操作栏：

var actionB = require("tns-core-modules/ui/action-bar).ActionBar;

var actB = new actionB();
actB.title = "Action Bar";
actB.id = "actionID"

page.content = actB;

现在，我只需要知道如何为android和ios加载导航项和操作项

谢谢

Answer 1

ActionBar适用于Page内的Frame。使用actionBarHidden的{{1}}属性显示/隐藏ActionBar。使用Page的{{1}}属性添加操作项。

Answer 2

var actionB = require("tns-core-modules/ui/action-bar).ActionBar;

var actB = new actionB();
actB.title = "Action Bar";
actB.id = "actionID"

var actionItemC = require("tns-core-modules/ui/action-bar).ActionItem;

var actItem = new actionItemC();
actB._addView(actItem)

，如果要添加导航按钮

private getNavigationButton() {
    let navActionItem = new ActionItem();
    navActionItem.icon = 'res://ic_menu_white';
    if (navActionItem.ios) {
        navActionItem.ios.position = 'left';
    }
    navActionItem.on('tap', this.toggleDrawer.bind(this));
    return navActionItem;
}

和

if (isAndroid) {
        page.actionBar.navigationButton = this.getNavigationButton();
    }

    if (isIOS) {
        page.actionBar.actionItems.addItem(this.getNavigationButton());
    }

本机脚本-通过代码添加ActionBar

2 个答案: