Sencha 标题栏与 iOS7 工具栏重叠

Posted 2023-02-26

【中文标题】Sencha 标题栏与 iOS7 工具栏重叠

【英文标题】：Sencha Title Bar Overlaps With iOS7 Toolbar

【发布时间】：2013-09-25 02:44:19

【问题描述】：

ios7 上的标题栏存在问题：iOS7 工具栏与标题栏及其按钮重叠。这些按钮是可粘贴的，但几乎没有。我在我创建的应用程序上看到了这一点，该应用程序使用 PhoneGap 打包为本机应用程序。

我相信 Sencha 的人会在以后的版本中修复它，但目前最好的修复是什么？马马虎虎的解决方案似乎是使用 CSS 将标题栏的内容下推。

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

【参考方案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;");
    
,