当文本场聚焦时，Sencha Touch 2 Carousel会缩小

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

解决：

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