Sencha标题栏与iOS7工具栏重叠

Question

iOS7上的标题栏有一个问题:iOS7工具栏与标题栏及其按钮重叠。按钮是可贴的，但几乎不能。我在我创建的应用程序上看到了这一点，它被打包成一个使用PhoneGap的本地应用程序。

我相信Sencha的人会在以后的版本中修复它，但是在此期间，最好的解决方法是什么？因此，这样的解决方案似乎是使用CSS将标题栏的内容向下推。

谢谢你给我更好的解决方案。

Answer 1

我在这个页面中找到了解决方案(hack)

基本上，您只需比较iOS版本是否大于7，如果大于7，则增加工具栏的高度。

以下是代码：

app.js

launch: function() {
    // Destroy the #appLoadingIndicator element
    Ext.fly('appLoadingIndicator').destroy();

    // Initialize the main view
    Ext.Viewport.add(Ext.create('StromRechner.view.Viewport'));

    // Adjust toolbar height when running in iOS to fit with new iOS 7 style
    if (Ext.os.is.iOS && Ext.os.version.major >= 7) {
        Ext.select(".x-toolbar").applyStyles("height: 62px; padding-top: 15px;");
    }
},