app.js

Question

iOS7上的标题栏出现问题：iOS7工具栏与标题栏及其按钮重叠。按钮是可录制的，但几乎没有。我在我创建的应用程序上看到了这个，它使用PhoneGap打包为本机应用程序。

我确信Sencha的人会在以后的版本中修复它，但在此期间最好的修复是什么？解决方案似乎是使用CSS来推送标题栏的内容。

感谢您提供更优雅的解决方案。

Answer 1

我在page

中找到了解决方案（hack）

基本上你只需比较iOS版本是否大于等于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;");
    }
},

Sencha标题栏与iOS7工具栏重叠

1 个答案:

app.js