Sencha Touch：导航视图ui项目不会改变

Question

我正在尝试设置＆＃39; ui＆＃39;我的导航视图的属性为光，但它只显示在黑暗的主题中。这是我的观点。我错过了什么？

Ext.define('VisitTCMIndy.view.Social', {
extend: 'Ext.navigation.View',
xtype: 'socialcard',

config: {
    iconCls: 'chat',
    title: 'Social',
    layout: 'card',
    ui: 'light',
    items: [
        {
            xtype: 'panel',
            title: 'Social',
            layout: 'vbox',
            items: [
                {
                    xtype: 'panel',
                    layout: 'hbox',
                    flex: 1,
                    items: [
                        {
                            xtype: 'image',
                            baseCls: 'socialbutton',
                            title: 'Facebook',
                            src: "resources/images/facebookbutton.png",
                            flex: 1
                        },
                        {
                            xtype: 'image',
                            baseCls: 'socialbutton',
                            title: 'Twitter',
                            src: "resources/images/twitterbutton.png",
                            flex: 1
                        }
                    ]
                },
                {
                    xtype: 'panel',
                    layout: 'hbox',
                    flex: 1,
                    items: [
                        {
                            xtype: 'image',
                            baseCls: 'socialbutton',
                            title: 'Pinterest',
                            src: "resources/images/pinterestbutton.png",
                            flex: 1
                        },
                        {
                            xtype: 'image',
                            baseCls: 'socialbutton',
                            title: 'Instagram',
                            src: "resources/images/instagrambutton.png",
                            flex: 1
                        }
                    ]
                },
                {
                    xtype: 'button',
                    text: 'Take a Picture',
                    style: 'margin:3%'
                }
            ]
        }
    ]

}
});

Answer 1

如果您想要更改导航视图导航栏的ui，那么应该这样做：

config: {
  iconCls: 'chat',
  title: 'Social',
  layout: 'card',
  navigationBar: {
    ui: 'dark'
  }
...

希望这有帮助