android - 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

解决了：

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