Javascript Nativescript-通过代码添加ActionBar

原始问题： 只是想看看是否可以通过Nativescript JS中的代码添加操作栏 如果是这样，你会怎么做

新问题: 因此，以下代码动态加载actionbar：

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加载导航项和操作项

---

谢谢

操作栏

适用于

框架内的
页面
。使用
Page
的
actionBarHidden
属性来显示/隐藏ActionBar。使用
ActionBar
的
actionItems
属性添加操作项。
ActionBar
适用于
框架内的
页面
。使用
Page
的
actionBarHidden
属性来显示/隐藏ActionBar。使用
ActionBar
的
actionItems
属性添加操作项

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

及

如果你想添加导航按钮

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

及

我没有亲自尝试过，但应该与您在中添加grid和scroll view的方式相同，尽管我已经为action bar创建了一个共享组件，在android和ios上使用了不同的HTM，我在其他HTM之上使用它，这将是完美的。我想要完全实现的是添加和删除一个导航项，或者加载一个actionbar，然后如果我想要另一个，加载那个actionbar。所以让它动态工作，现在只需要知道如何加载导航项我还没有亲自尝试过，但应该与您在中添加网格和滚动视图的方式相同，尽管我已经为操作栏创建了一个共享组件，在android和ios上使用了不同的HTM，我在其他HTM之上使用它，这将是完美的。我想要完全实现的是添加和删除一个导航项，或者加载一个actionbar，然后如果我想要另一个，加载那个。所以它可以动态工作，现在只需要知道如何加载导航项我想Op的问题是如何使用没有html的代码动态添加actionbar:）是的，很抱歉不清楚。我参加这个项目已经好几天了。我只是想做一些类似的事情。page.addChild（Actionbar）；不，那样不行。它始终是页面的一部分，您可以决定使用该属性隐藏或显示它。如果你想动态设置项目/导航按钮，我想Op的问题是如何使用html中没有的代码动态添加actionbar:）是的，很抱歉不清楚。我参加这个项目已经好几天了。我只是想做一些类似的事情。page.addChild（Actionbar）；不，那样不行。它始终是页面的一部分，您可以决定使用该属性隐藏或显示它。如果要添加导航按钮，请动态设置项目/导航按钮。如果要添加导航按钮，请从同一操作栏模块导入。require（“tns核心模块/ui/action bar”）.NavigationButton我正在尝试添加一个NavigationButton:var navB=new navButton（）；navB.systemIcon=“ic_menu_btn_add”：actionB.\u addView（navB）；但是我什么也没有得到当你调试时你能看到什么图标被分配给navB吗？当我控制台.log（navB.systemIcon）时；结果是ic_menu_btn_add这就是你的意思吗？那太好了，你想尝试actionB.content=navB；还是可以将所有导航项添加到网格或堆栈布局，然后添加。如果你想添加导航按钮，请从同一个操作栏模块导入。require（“tns核心模块/ui/操作栏”）.NavigationButton我正在尝试添加NavigationButton:var navB=new navButton（）；navB.systemIcon=“ic\u menu\u btn\u add”：操作b.\u addView（navB）；但是我什么也没得到当你调试的时候你能看到navB的图标是什么吗？当我console.log（navB.systemIcon）的时候；结果是ic_menu_btn_add这就是你的意思吗？那太好了，你想试试actionB.content=navB；或者可以将所有navigationitems添加到网格或stacklayout，然后添加。