如何修复 Appcelerator 的“导航控制器”问题使用 TabGroup 作为基本窗口？

Question

我一直在 appcelerator Vimeo 频道上查看一些 Titanium Appcelerator 教程，更具体地说是这个：跨平台导航控制器。我发现将其与基本应用程序集成相当容易，但在使其与 tabGroups 一起使用时遇到了一些麻烦。

问题是，当创建选项卡并将其放入 tabGroup 中时，tabGroup 窗口本身似乎没有放置到导航控制器中的堆栈上。 这是该控制器的代码。基本上，这意味着如果我从 tabGroup 单击进入新窗口，我不会获得原始窗口的“后退按钮”。但是，如果我进一步单击，子序列窗口确实具有此“后退按钮”功能。

知道是什么原因造成的吗？代码的基本概述如下，NavigationController 代码如上面链接。提前感谢您的任何帮助。

app.js:

(function() {
    var NavigationController = require('NavigationController');
    var windowObject = require('iPhoneWindow');
    new windowObject(new NavigationController()).open();
});

iPhoneWindow.js:

exports.iPhoneWindow = function(navController) {
    var NewsView = require('newsView');
    var instance = Ti.UI.createTabGroup({
        backgroundColor: '#FFF'
    });

    var newsTab = Ti.UI.createTab({
        window: new NewsView(navController),
        title: 'News'
    });

    instance.addTab(newsTab);

    return instance;
};

newsView.js:

exports.newsView = function(navController) {
    var instance = Ti.UI.createWindow({
        title: 'News',
        backgroundColor: '#000';
    });
    var button = Ti.UI.createButton({
        title: 'newsButton',
        height: 60,
        width: 180,
        top: 150
    });
    button.addEventListener('click', function() {
        navController.open(new exports.newsView(navController));
    });
    instance.add(button);

    return instance;
};

Answer 1

您不需要将跨平台导航控制器与 TabGroup 一起使用 - 每个选项卡都有自己的导航堆栈，在 iOS 设备上会自动为您提供一个包含所有修饰的导航控制器。要在堆栈上打开窗口，您需要获取活动选项卡，然后打开该选项卡上的窗口 - 因此请将选项卡组传递给 newsView：

exports.newsView = function(tabGroup) {
    var instance = Ti.UI.createWindow({
        title: 'News',
        backgroundColor: '#000';
    });
    var button = Ti.UI.createButton({
        title: 'newsButton',
        height: 60,
        width: 180,
        top: 150
    });
    button.addEventListener('click', function() {
        tabGroup.activeTab.open(new exports.newsView(tabGroup));
    });
    instance.add(button);

    return instance;
};