Sencha Touch 2 中的 iPhone 上的 Google Chrome 浏览器无法正常工作
Posted
技术标签:
【中文标题】Sencha Touch 2 中的 iPhone 上的 Google Chrome 浏览器无法正常工作【英文标题】:Docked bottom does not working on Google Chrome on iPhone in Sencha Touch 2 【发布时间】:2013-04-29 22:32:20 【问题描述】:我有一个从 Ext.form.Panel 扩展而来的简单视图,并包含三个项目。 第一项是工具栏,属性停靠:'top',第二项是字段集,第三项是工具栏,但它停靠在底部。 这个视图看起来不错,但是当我使用 Google Chrome 在 iPhone 4 或 iPhone 5(均使用 ios 6)上打开它时,第三项就消失了。
能否解释一下为什么停靠在底部的工具栏仅在 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"
]
]
);
【问题讨论】:
【参考方案1】:嗯,我有一个类似的问题,可能和你的一样。在 chrome 上,导航栏(或他们所说的“全能栏”)向下推应用程序空间,底部被切断。
如果进入全屏模式会取消隐藏底部栏,您就会知道这是同样的问题。全屏通常通过向上滚动在 chrome 中实现。但是,如果停靠在顶部的项目不可滚动,则不能从那里隐藏它。尝试将其隐藏在加载屏幕上。更多信息,谷歌搜索“ios chrome 全屏”或“ios chrome 隐藏导航栏”。在您的应用程序中也有一些方法可以做到这一点。
【讨论】:
以上是关于Sencha Touch 2 中的 iPhone 上的 Google Chrome 浏览器无法正常工作的主要内容,如果未能解决你的问题,请参考以下文章
Sencha Touch 2 - Iphone 应用程序 - 空白屏幕
iPhone Sencha Touch - 如何在 sencha touch 中将表格视图添加到拆分视图
Sencha Touch 应用部署到 iPhone 和 Android
iframe 中的 sencha touch 应用程序的问题