如何对齐触摸屏左侧的单选按钮?

有没有办法把左边的单选按钮对齐。 下面是您可以运行的sencha触摸代码示例 sencha fiddle

Ext.application({
    name : 'Fiddle',

    launch : function() {
      var form = Ext.create('Ext.form.Panel', {
    fullscreen: true,
    items: [
        {
            xtype: 'radiofield',
            name : 'color',
            value: 'red',
            label: 'Red',
            labelAlign: 'right',
            checked: true
        },
        {
            xtype: 'radiofield',
            name : 'color',
            value: 'green',
            label: 'Green'
        },
        {
            xtype: 'radiofield',
            name : 'color',
            value: 'blue',
            label: 'Blue'
        }
    ]
});
    }
});

这里有三个单选按钮。第一个,我试图设置在左侧,并希望设置它的标签对齐在右侧。我是通过使用配置选项来实现的 labelAlign: 'right' 但你们可以看到,在设计中,标签设置在右边,但组件并没有设置在左边。我不知道为什么会在左侧添加填充物。我为此尝试了很多东西,但无法解决这个问题。你对这个问题有什么建议/解决方案吗?

你们可以看到上面的图片有空间后,我设置为正确的标签。我不想要的空间。