When each tab is touched for the FIRST time (only) the screen "blacks out" and then after that (say 1/2 a second later), renders the window. successive taps back to that tab are fine and the window appears instantly in each tab.
Note : Issue is reproducible with alloy also.
Titanium.UI.setBackgroundColor('#000');
var tabGroup = Titanium.UI.createTabGroup();
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 sectionFruit = Ti.UI.createTableViewSection({ headerTitle: 'Fruit' });
sectionFruit.add(Ti.UI.createTableViewRow({ title: 'Apples' , backgroundImage:"backgroundNews.png"}));
sectionFruit.add(Ti.UI.createTableViewRow({ title: 'Bananas' , backgroundImage:"backgroundNews.png"}));
var sectionVeg = Ti.UI.createTableViewSection({ headerTitle: 'Vegetables' });
sectionVeg.add(Ti.UI.createTableViewRow({ title: 'Carrots' , backgroundImage:"backgroundNews.png"}));
sectionVeg.add(Ti.UI.createTableViewRow({ title: 'Potatoes' , backgroundImage:"backgroundNews.png"}));
var sectionFish = Ti.UI.createTableViewSection({ headerTitle: 'Fish' });
sectionFish.add(Ti.UI.createTableViewRow({ title: 'Cod' , backgroundImage:"backgroundNews.png"}));
sectionFish.add(Ti.UI.createTableViewRow({ title: 'Haddock' , backgroundImage:"backgroundNews.png"}));
var table = Ti.UI.createTableView({
data: [sectionFruit, sectionVeg, sectionFish]
});
win1.add(table);
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 sectionFruit2 = Ti.UI.createTableViewSection({ headerTitle: 'Fruit' });
sectionFruit2.add(Ti.UI.createTableViewRow({ title: 'Apples' , backgroundImage:"backgroundNews.png"}));
sectionFruit2.add(Ti.UI.createTableViewRow({ title: 'Bananas' , backgroundImage:"backgroundNews.png"}));
var sectionVeg2 = Ti.UI.createTableViewSection({ headerTitle: 'Vegetables' });
sectionVeg2.add(Ti.UI.createTableViewRow({ title: 'Carrots' , backgroundImage:"backgroundNews.png"}));
sectionVeg2.add(Ti.UI.createTableViewRow({ title: 'Potatoes' , backgroundImage:"backgroundNews.png"}));
var sectionFish2 = Ti.UI.createTableViewSection({ headerTitle: 'Fish' });
sectionFish2.add(Ti.UI.createTableViewRow({ title: 'Cod' , backgroundImage:"backgroundNews.png"}));
sectionFish2.add(Ti.UI.createTableViewRow({ title: 'Haddock' , backgroundImage:"backgroundNews.png"}));
var table = Ti.UI.createTableView({
data: [sectionFruit2, sectionVeg2, sectionFish2]
});
win2.add(table);
var win3 = Titanium.UI.createWindow({
title:'Tab 3',
backgroundColor:'#fff'
});
var tab3 = Titanium.UI.createTab({
icon:'KS_nav_ui.png',
title:'Tab 3',
window:win3
});
var sectionFruit3 = Ti.UI.createTableViewSection({ headerTitle: 'Fruit' });
sectionFruit3.add(Ti.UI.createTableViewRow({ title: 'Apples' , backgroundImage:"backgroundNews.png"}));
sectionFruit3.add(Ti.UI.createTableViewRow({ title: 'Bananas' , backgroundImage:"backgroundNews.png"}));
var sectionVeg3 = Ti.UI.createTableViewSection({ headerTitle: 'Vegetables' });
sectionVeg3.add(Ti.UI.createTableViewRow({ title: 'Carrots' , backgroundImage:"backgroundNews.png"}));
sectionVeg3.add(Ti.UI.createTableViewRow({ title: 'Potatoes' , backgroundImage:"backgroundNews.png"}));
var sectionFish3 = Ti.UI.createTableViewSection({ headerTitle: 'Fish' });
sectionFish3.add(Ti.UI.createTableViewRow({ title: 'Cod' , backgroundImage:"backgroundNews.png"}));
sectionFish3.add(Ti.UI.createTableViewRow({ title: 'Haddock' , backgroundImage:"backgroundNews.png"}));
var table = Ti.UI.createTableView({
data: [sectionFruit3, sectionVeg3, sectionFish3]
});
win3.add(table);
tabGroup.addTab(tab1);
tabGroup.addTab(tab2);
tabGroup.addTab(tab3);
tabGroup.open();
hi, am i correct in understanding that this fix will be rolled out in V3.2.0 ? txs angus
Same issue with different test case
Closing ticket as duplicate.