Problem
On iOS the following test case opens the 2-tabbed app as expected. On Android and Mobileweb, it shows only a black screen. Mobileweb also throws an additional error (attached screenshot).
Test Case
This test case is just a slightly modified version of the 2-tabbed default app.
// this sets the background color of the master UIView (when there are no windows/tab groups on it)
Titanium.UI.setBackgroundColor('#000');
//
// create base UI tab and root window
//
var win1 = Titanium.UI.createWindow({
title:'Tab 1',
backgroundColor:'#fff'
});
var tab1 = Titanium.UI.createTab({
icon:'KS_nav_views.png',
title:'Tab 1',
window:win1
});
var label1 = Titanium.UI.createLabel({
color:'#999',
text:'I am Window 1',
font:{fontSize:20,fontFamily:'Helvetica Neue'},
textAlign:'center',
width:'auto'
});
win1.add(label1);
//
// create controls tab and root window
//
var win2 = Titanium.UI.createWindow({
title:'Tab 2',
backgroundColor:'#fff'
});
var tab2 = Titanium.UI.createTab({
icon:'KS_nav_ui.png',
title:'Tab 2',
window:win2
});
var label2 = Titanium.UI.createLabel({
color:'#999',
text:'I am Window 2',
font:{fontSize:20,fontFamily:'Helvetica Neue'},
textAlign:'center',
width:'auto'
});
win2.add(label2);
// create tab group
var tabGroup = Titanium.UI.createTabGroup({
tabs: [tab1, tab2]
});
// open tab group
tabGroup.open();
Resolving since Android and Mobile Web now support the tabs property properly
Its working fine on android as well as mobileweb. Environment used for verification - Titanium SDK: 3.1.0.v20130223030327 Titanium Studio:3.0.2.201302141201 Device : Nexus 7 Android 4.1,mobileweb preview in browser