吐司在煎茶触摸中的实现

我正在使用具有不同Toasts的Sencha Touch应用程序来显示"成功"或"信息"等消息，但是我有随机行为，例如：

1º 如果您使用 Toast 在一个操作中导航应用程序，并且在 Toast 启动时导航到其他屏幕，则 Toast 具有获取最后一种颜色而不是更改的随机行为。（在颜色相同但消息不同的测试用例中，请您阅读代码）

2º 有时吐司没有出现，我没有解释。

关于代码的任何建议？ 目前它是一个单例类，根据操作从应用程序的其他部分/控制器调用它。

另一方面，还有其他具有类似行为的方法吗？ 也许需要改变策略而没有用 Toasts。

它发生在Windows 8和iOS中，我使用的是2.4.1版本，阅读2.4.2的发行说明没有关于框架的这个元素的消息，我想与更新到最新的框架版本无关。

这是我的吐司经理课：

/**
 * Loading popup as a static-functions class
 *
 * Different toast-messages colors:
 * 0 --> green
 * 1 --> orange
 * 2 --> red
 *
 * We create a config object and depending of the status we show a Toast
 */
Ext.define('xx.view.components.ToastManager', {
  singleton         : true,
  requires          : [
    'Ext.Toast'
  ],
  config            : {
    toastOptions: {
      message      : '',
      centered     : false,
      width        : 200,
      height       : 100,
      bottom       : '10%',
      modal        : false,
      right        : 10,
      style        : '',
      type         : 'slide', duration: 850, easing: 'ease-out',
      hideAnimation: {type: 'fadeOut', duration: 650, easing: 'ease-out'},
      timeout      : 3000
    },
    toastComponent : null,
    t : null
  },
  constructor       : function () {
    this.initConfig();
  },
  changeVisibility: function() {
    if(this.getT()) {
      clearTimeout(this.getT());
    }
    var toastes = Ext.query('.x-toast');
    for(var i = 0; i < toastes.length; i++) {
      Ext.get(toastes[i]).setStyle('visibility', 'visible');
    }
    var t = setTimeout(function() {
      var toastes = Ext.query('.x-toast');
      for(var i = 0; i < toastes.length; i++) {
        Ext.get(toastes[i]).setStyle('visibility', 'hidden');
      }
    }, 4000);
    this.setT(t);
  },
  /**
   * Shows a successful message
   * @param label
   * @param status
   */
  showToastMessage       : function (label, status) {
    var options = this.getToastOptions();
    options.message = label;
    switch (status) {
      case 0:
        options.style = 'background-color: #30B420';
        break;
      case 1:
        options.style = 'background-color: #FFA500';
        break;
      case 2:
        options.style = 'background-color: #ff0000';
        break;
      default:
        options.message = "?"
    }
    this.changeVisibility();
    this.setToastComponent(Ext.toast(this.getToastOptions()));
  }
});