我有一个从 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"
}
]
}
]
}
});
最佳答案
嗯,我也有类似的问题,可能和你的一样。在 Chrome 上,导航栏(或他们所说的“多功能栏”)会向下推应用程序空间,底部会被切断。
如果进入全屏模式取消隐藏底部栏,您就会知道这是同样的问题。在 Chrome 中,全屏通常是通过向上滚动来实现的。但是,如果停靠在顶部的项目不可滚动,则您无法从那里隐藏它。尝试将其隐藏在加载屏幕上。有关详细信息,请在 Google 中搜索“ios chrome 全屏”或“ios chrome 隐藏导航栏”。还有一些方法可以在您的应用程序中执行此操作。
关于iphone - Sencha Touch 2 中的 iPhone 上的 Google Chrome 无法使用停靠底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16289327/