如何在 WebKit 浏览器上全屏 Sencha Touch 2 页面

Question

当我在Android-WebKit浏览器上访问 http://www.wikpic.com/时，页面会全屏呈现，换句话说，显示URL的导航栏消失了。我该怎么做？

我尝试了此选项，但它不起作用：

Ext.create('MyApp.view.MyList', {fullscreen: true});

这是我的应用程序.js代码：

Ext.Loader.setConfig({
    enabled: true
});
Ext.application({
    models: [
        'Contacto'
    ],
    stores: [
        'Contactos'
    ],
    views: [
        'MyList'
    ],
    name: 'MyApp',
    launch: function() {
    Ext.create('MyApp.view.MyList', {fullscreen: true});
    }
});

谢谢！

Answer 1

您正在寻找视口的自动最大化配置：

Ext.application({
    viewport: {
        autoMaximize: true
    },
    ...
});

请记住，它可能会导致一些问题（取自 Sencha 文档）：

• 在所有设备上启用此功能后，方向更改性能会大大降低。
• 在某些设备（主要是 Android）上，当更改默认浏览器缩放设置时，这有时可能会导致问题。
• 将手机包装在本机外壳中时，您可能会看到空白屏幕。