Sencha touch 2 Sencha Touch：导航视图ui项赢得'；不变

我正在尝试将导航视图的“ui”属性设置为“light”，但它只在黑暗主题中显示。这是我的看法。我错过了什么

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%'
                }
            ]
        }
    ]

}
});

---

如果您的意思是要更改导航视图导航栏的

ui

，则应执行以下操作：

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

希望这有帮助