Sencha touch 为什么导航栏有不同的大小森查触摸

Sencha touch 为什么导航栏有不同的大小森查触摸,sencha-touch,sencha-touch-2,Sencha Touch,Sencha Touch 2,我有3个视图是“主页、类别、信息” 此主面板: 该类别小组: 该列表面板: 在列表面板中。导航栏有不同大小的主面板和类别面板 我怎么修理 多谢各位 ----更新--- 代码主视图: Ext.define('Catalog.view.Home', { extend: 'Ext.navigation.View', xtype: 'homepanel', config: { // activeItem: 1, id: 'mynavigati

我有3个视图是“主页、类别、信息”

此主面板:

该类别小组:

该列表面板:

在列表面板中。导航栏有不同大小的主面板和类别面板

我怎么修理

多谢各位

----更新---

代码主视图:

Ext.define('Catalog.view.Home', {
    extend: 'Ext.navigation.View',
    xtype: 'homepanel',
    config: {
        // activeItem: 1,
        id: 'mynavigationview',
        navigationBar: {
            items: [
                {
                    xtype: 'button',
                    text: 'Categories',
                    id: 'category',
                    translate: true,
                    translationKey: 'navigationbar.category',
                    align: 'left',
                    action : 'Categories',
     //                handler: function(me) {
                    //  var bar = me.up('navigationview').getNavigationBar();
                    //  // bar[bar._hidden ? 'show' : 'hide']();
                    // }
                }
            ]
        },
        title: 'All',
        iconCls: 'list',
        cls: 'home',
        styleHtmlContent: true,
        tabBarPosition: 'bottom',
        items:[
            {
                title: "All Apps",
                xtype: 'list',
                id:'Applist',
                itemTpl: new Ext.XTemplate(
                    '<img src="http://61.47.41.108:9999/system/appinfos/appicons/000/000/{id}/original/{appicon_file_name}" width="50" heigh="50" style="float:left;clear:both;"></img>',
                    '<div style="margin-left: 60px;word-wrap: break-word;width:80%;">',
                    '<span style="font-size:16px;">{name}</span><br>',
                    '<span style="font-size:13px;color:#7C7C7C;" id="catname">{categoryname}</span>',
                    '</div>'

                ),
                store: {
                    autoLoad: true,
                    fields: ['id','name','created_at','appicon_file_name','categoryid','categoryname','url_ios','url_android','gallery','description'],
                    sorters: [{
                        property:'created_at',
                        direction:'DESC'
                    }],
                    proxy: {
                        type: 'jsonp',
                        url: 'http://61.47.41.108:9999/appinfos.json',
                        reader:{
                            type: 'json',
                            rootProperty:'appinfos'
                        }   
                    }
                }
            }
        ]
    }
});
Ext.define('Catalog.view.Home'{
扩展:“Ext.navigation.View”,
xtype:“homepanel”,
配置:{
//活动项目:1,,
id:'mynavigationview',
导航栏:{
项目:[
{
xtype:'按钮',
文本:“类别”,
id:'类别',
没错,
translationKey:'navigationbar.category',
对齐:“左”,
行动:“类别”,
//处理程序:函数(me){
//var bar=me.up('navigationview').getNavigationBar();
////条[bar.\u隐藏?'show':'hide']();
// }
}
]
},
标题:“全部”,
iconCls:'列表',
cls:“家”,
styleHtmlContent:对,
tabBarPosition:'底部',
项目:[
{
标题:“所有应用程序”,
xtype:'列表',
id:“应用程序列表”,
itemTpl:new Ext.XTemplate(
'',
'',
“{name}
”, “{categoryname}”, '' ), 商店:{ 自动加载:对, 字段:['id'、'name'、'created_at'、'appicon_file_name'、'categoryid'、'categoryname'、'url_ios'、'url_android'、'gallery'、'description'], 分拣机:[{ 属性:'created_at', 方向:'DESC' }], 代理:{ 键入:“jsonp”, 网址:'http://61.47.41.108:9999/appinfos.json', 读者:{ 键入:“json”, rootProperty:'appinfos' } } } } ] } });
代码列表视图:

Ext.define('Catalog.view.Navigation', {
    extend: 'Ext.navigation.View',
    xtype: 'navigation',
    requires: ['Ext.data.Store'],
    config: {
        // navigationBar: false,
        title: 'Categories',
        items: [
            {

                xtype: 'list',
                id: 'Catlist',
                itemTpl: '<span style="font-size:16px;" id="cattname">{name}</span>',

                store: {
                    storeId: 'myStore',
                    autoLoad: true,
                    fields: ['id','name'],
                    sorters: [{
                        property:'name',
                    }],
                    proxy: {
                        type: 'jsonp',
                        url: 'http://61.47.41.108:9999/categories.json',
                        reader:{
                            type: 'json',
                            rootProperty:'Catalog'
                        }   
                    }
                }
            }
        ]   
    }
});
Ext.define('Catalog.view.Navigation'{
扩展:“Ext.navigation.View”,
xtype:'导航',
需要:['Ext.data.Store'],
配置:{
//导航栏:错误,
标题:“类别”,
项目:[
{
xtype:'列表',
id:“Catlist”,
itemTpl:“{name}”,
商店:{
storeId:'myStore',
自动加载:对,
字段:['id','name'],
分拣机:[{
属性:'name',
}],
代理:{
键入:“jsonp”,
网址:'http://61.47.41.108:9999/categories.json',
读者:{
键入:“json”,
rootProperty:“目录”
}   
}
}
}
]   
}
});

这是由于
styleHtmlContent:true
添加的样式造成的。尝试在两个视图上设置它,或将其从两个视图中删除。

请发布您的代码。@Sasha代码在视图或控制器中?视图代码应为enough@Sasha我将视图代码更新为我的问题。谢谢你能查一下我的答案吗?你有什么反馈吗?