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

Question

当我在我的Android-WebKit浏览器上访问http://www.wikpic.com/时,页面会在全屏显示,换句话说,显示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

您正在寻找Viewport 的autoMaximize配置:

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

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

• 在所有设备上启用此功能后,方向更改性能会大幅降低.
• 在某些设备(主要是Android)上,当更改默认浏览器缩放设置时,这有时会导致问题.
• 将手机包装在本机shell中时,可能会出现空白屏幕.