Hi,

I'm trying to wrap my head around Sencha profiles and I'm finding it a little awkward to use. I would like to have a different layout between Android and iPhone (different position of tab bar). Here are the two profile specific views:

Code:
Ext.define("myapp.view.iphone.MyView", {
    extend: 'Ext.TabPanel',
    xtype: 'myview',


	config: {
		tabBarPosition: 'bottom',
                .........
});
Code:
Ext.define("myapp.view.android.MyView", {
    extend: 'Ext.TabPanel',
    xtype: 'myview',


	config: {
		tabBarPosition: 'top',
                .........
});
Then in my profiles I'm loading the profile specific view:

Code:
Ext.define('myapp.profile.Android', {
    extend: 'Ext.app.Profile',


    config: {
        name: 'Android',
        views: [
'myapp.view.android.MyView'
        ]
    },
    ..........
});
Code:
Ext.define('myapp.profile.iPhone', {
    extend: 'Ext.app.Profile',


    config: {
        name: 'iPhone',
        views: [
'myapp.view.iphone.MyView'
        ]
    },
    ..........
});

Finally in my main application view:

Code:
Ext.define("myapp.view.Main", {
    extend: 'Ext.Container',
    xtype: 'mainview',
    config: {
		layout: 'card',
		items: [
			{ xtype: 'someotherview' },
			{ xtype: 'myview' }
		]
    }
});
What I was hoping to happen is that Sencha would only load the views of the first profile that returns true when isActive is called. Then there would be only one view with the xtype "myview". That way when the Main view loads it will load the myview that's specific to the device I'm launching. However it looks like I can't use xtype that way. It looks like it loads all the views (both Android specific and iPhone). So when it tries to resolve the xtype "myview" it doesn't get the right one. It seems really awkward if I have to create a profile specific version of the Main view just so I can get this work. How should I go about getting this to work?