Sencha Touch 2旋转木马缩小文本框的位置

Question

我正在使用Ext.Carousel为我的应用程序换行3个面板。在某个点上，当用户点击一个按钮时，我需要一组字段在叠加层中弹出。

当前，当用户将注意力集中到这些文本字段之一时，旋转木马（现在在后台）缩小到坐在Android键盘上方，这使得浮动文本字段后面的所有内容看起来像垃圾。下面是示例代码：

Ext.Viewport.add(Ext.create('Ext.Carousel', { 
    fullscreen: true, 
    items: [ 
     { 
      xtype: 'panel', 
      items: [ 
       { 
        xtype: 'button', 
        handler: function() { 
         entryField = Ext.create('Ext.Panel', { 
          hidden: true, 
          modal: true, 
          floating: true, 
          width: '100%', 
          height: 'auto', 
          items: [ 
           { 
            xtype: 'textfield' 
           } 
          ] 
         }); 
         entryField.showBy(this); 
        } 
       } 
      ] 
     }, 

     { 
      xtype: 'panel' 
     }, 

     { 
      xtype: 'panel' 
     } 
    ] 
})); 

Answer 1

解决：

当键盘被拉升视窗实际上收缩。要解决这个问题，只需将视口高度设置为应用初始化时屏幕的高度即可。这样，当键盘出现时，它将保持这个高度而不是弯曲。