Прикрепленное дно не работает на Google Chrome на iPhone в Sencha Touch 2

У меня есть простое представление, которое выходит из Ext.form.Panel и имеет три элемента. Первый элемент - это панель инструментов с закрепленным свойством: "верх", второй - набор полей, а третий элемент - панель инструментов, но он прикреплен к основанию. Это представление выглядит нормально, но когда я открываю его на iPhone 4 или iPhone 5 (оба с iOS 6) с Google Chrome, третий элемент исчез.

Можно ли одно и то же объяснить, почему панель инструментов, пристыкованная к нижней части, не отображается только в Google Chrome на iPhone?

Ext.define("TestApp.view.Test", {
    extend: "Ext.form.Panel",
    requires: "Ext.form.FieldSet",
    alias: "widget.testview",
    config: {
        scrollable: 'vertical',
        items: [
            {
                xtype: "toolbar",
                docked: "top",
                title: "Title",
                items: [
                    {
                        xtype: "button",
                        ui: "back",
                        text: "back",
                        itemId: "backBtn"
                    }
                ]
            },
            { xtype: "fieldset",
                items: [
                    {
                        xtype: 'textfield',
                        name: 'title',
                        label: 'Title'
                    },
                    {
                        xtype: 'textareafield',
                        name: 'description',
                        label: 'Description'
                    }
                ]
            },
            {
                xtype: "toolbar",
                docked: "bottom",
                items: [
                    {
                        xtype: "button",
                        iconCls: "trash",
                        iconMask: true,
                        itemId: "deleteBtn"
                    }
                ]
            }
        ]
    }
});

1 ответ

Ну, у меня есть похожая проблема, которая может быть такой же, как у вас. В Chrome панель навигации (или "омнибар", как они ее называют) сдвигает пространство приложения, и нижняя часть обрезается.

Вы поймете, что это та же проблема, если переход в полноэкранный режим показывает нижнюю панель. Полный экран обычно достигается в Chrome с помощью прокрутки вверх. Однако, если предмет, закрепленный наверху, не прокручивается, вы не сможете скрыть его оттуда. Попробуйте скрыть это на экране загрузки. Для получения дополнительной информации воспользуйтесь поиском в Google "полноэкранный режим ios chrome" или "панель навигации ios chrome hide". Есть также способы сделать это в вашем приложении.

Другие вопросы по тегам