sencha-touch-2 - 如何在 WebKit 浏览器上全屏显示 Sencha Touch 2 页面？

Question

当我访问 http://www.wikpic.com/在我的 Android-WebKit-browser 上，页面以全屏呈现，换句话说，显示 URL 的导航栏消失了。我怎样才能做到这一点？

我试过这个选项，但它不起作用:

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

这是我的 app.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

您正在寻找 autoMaximize视口(viewport)配置:

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

请记住，它可能会导致一些问题(取自 Sencha 文档):

启用此功能后，所有设备上的方向更改性能都会大大降低。

在某些设备(主要是 Android)上，这有时会在更改默认浏览器缩放设置时导致问题。

将手机包裹在原生外壳中时，您可能会看到一个空白屏幕。