当我在Main中包含视图时，为什么我的文本会被压缩

Question

当我将我的元素添加到主视图时，它们看起来很好。但是，当我将它们放在另一个视图中并在主视图中包含该视图时，它们看起来是压缩的。

当我将HomeView代码粘贴到主视图中时，它看起来很好：

导致文本被压缩的主视图代码：

Ext.define('DeclarationApp.view.Main',
{
    extend: 'Ext.Container',
    requires:
    [
        'DeclarationApp.view.HomeView'
    ],

    xtype: 'main',

    config:
    {
        layout: 'fit',
        styleHtmlContent: true,

        items:
        [{
            xtype: 'homeview'
        }]
    }
});

两个视图都是Container，更改视图类型没有帮助。 我尝试过添加flex：1和scrollable：true，没有帮助。

为什么会这样？或者我如何才能在Sencha中找到为什么会发生这种情况？

Answer 1

属性styleHtmlContent：true在子属性上，显然这导致东西被压缩。

即使布局：＆＃39;适合＆＃39;是必要的，否则什么都不会显示出来。

但即便如此，菜单栏仍然是压缩的:(