Question

我正在使用Sencha Touch 2.1，因此此代码应该有效（link I used for inspiration）：

defaultBackButtonText: null,
        useTitleForBackButtonText: false,
        backButton: {
            // ui: 'toolbar-back',
            // align : 'left',
            iconCls: 'back',
            iconMask: true
        },

但我仍然可以看到图标和文字。

非常感谢。

Answer 1

我为defaultBackButtonText使用空字符串而不是null，并删除文本（也使用ST 2.1）：

defaultBackButtonText: '',

编辑：为了澄清，这是使用没有文字的图标的后退按钮的导航视图的完整配置示例：

Ext.define('MyApp.view.GroupNavView', {
    extend: 'Ext.navigation.View',
    xtype: 'groupnavview',

    config: {
        defaultBackButtonText: '',

        navigationBar: {
            backButton: { 
                iconCls:'arrow_left', 
                iconMask: true,
                ui: 'dark',
                cls: 'backButton'
            }
        },

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

Answer 2

我认为默认主题中没有“back”iconCls。尝试使用其他图标，例如“home”。此外，您错过了navigationBar配置。它应该是这样的：

defaultBackButtonText : null,
navigationBar: {
  backButton : {
    align : 'left',
    iconCls: 'home',
    iconMask: true,
    ui : 'plain'
  }
},

在我测试的时候，我只看到了主页图标 - 没有别的。

Sencha touch - 在NavigationBar中更改图像的后退按钮文本

2 个答案: