iphone - Sencha Touch 2 中的 iPhone 上的 Google Chrome 无法使用停靠底部

Question

我有一个从 Ext.form.Panel 扩展的简单 View ，并包含三个项目。第一项是工具栏，其属性停靠:“顶部”，第二项是字段集，第三项是工具栏，但它停靠在底部。这个 View 看起来不错，但是当我使用 Google Chrome 在 iPhone 4 或 iPhone 5(均装有 iOS 6)上打开它时，第三个项目消失了。

sameone 能否解释一下为什么停靠在底部的工具栏仅在 iPhone 上的 Google Chrome 上不显示？

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"
                    }
                ]
            }
        ]
    }
});

Answer 1

嗯，我也有类似的问题，可能和你的一样。在 Chrome 上，导航栏(或他们所说的“多功能栏”)会向下推应用程序空间，底部会被切断。

如果进入全屏模式取消隐藏底部栏，您就会知道这是同样的问题。在 Chrome 中，全屏通常是通过向上滚动来实现的。但是，如果停靠在顶部的项目不可滚动，则您无法从那里隐藏它​​。尝试将其隐藏在加载屏幕上。有关详细信息，请在 Google 中搜索“ios chrome 全屏”或“ios chrome 隐藏导航栏”。还有一些方法可以在您的应用程序中执行此操作。