如何在 Titanium JS 中创建带有按钮的标题栏？

我在用着钛合金构建一个应用程序，我尝试创建一个带有按钮的标题栏，类似于联系人应用程序，如下图所示：

该标题的标题位于中间，按钮位于任一站点。

我一直在到处寻找一种在钛中做到这一点的方法，但我还没有找到任何东西。文档中似乎没有这个内容，我需要创建一些完全自定义的东西吗？

我尝试在导航视图中添加一个按钮，但它不起作用 - 它出现一个错误，指出导航视图的子元素必须是一个窗口。

如果可能的话，我想使用合金来创建它。

创建这个视图非常容易。唯一的技巧是用 NavigationWindow 包装 Window，正如您提到的错误中所建议的那样。导航栏按钮在控制器中创建并附加。据我记得，你不能在 xml 文件中创建它们。但是，通过使用 $.UI.create() 方法，您可以确保所有类和样式也适用于它们。

索引.html：

<Alloy>
    <NavigationWindow>
        <Window title="Contacts" id="contacts">
            <SearchBar hintText="Search" />
            <TableView />
        </Window>
    </NavigationWindow>
</Alloy>

索引.js：

$.contacts.leftNavButton = $.UI.create('Button', { title: 'Groups' });
$.contacts.rightNavButton = $.UI.create('Button', { systemButton: Ti.UI.iPhone.SystemButton.ADD });

$.index.open();

索引.tss：

"Window": {
    backgroundColor: "white",
    layout: "vertical",
},