Sencha触摸：导航查看用户界面项目不会改变

Question

我想设置我的导航视图的'ui'属性为亮，但它只显示在黑暗的主题。这是我的看法。我错过了什么？

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' 
    } 
... 

希望这有助于