Problem
Whenever I have the 'barImage' property set on a window, and then show a modal window on top of that, the bar image on the original window disappears as the modal window is animating. However, the image is restored upon closing the modal window.
Sample Code
Drop the following in to an app.js, and click the button. A modal window will pop up, then close itself after one second. Watch the nav bar, which will have KS_nav_ui.png set as its barImage (make sure this image is available). It will flicker as you click the button.
var windowProperties = {
backgroundColor: '#fff',
barImage: 'KS_nav_ui.png'
};
var tabGroup = Ti.UI.createTabGroup();
var win = Ti.UI.createWindow(windowProperties);
var openModal = Ti.UI.createButton({
title: 'Watch the barImage, and click me',
width: 250, height: 40, top: 20
});
openModal.addEventListener('click', function() {
var modal = Ti.UI.createWindow(windowProperties);
modal.open({ modal: true });
setTimeout(function() {
modal.close();
}, 1000);
});
win.add(openModal);
tabGroup.addTab(Ti.UI.createTab({
icon: 'KS_nav_views.png',
window: win
}));
tabGroup.open();
Could be related to http://appc.me/lh/m/1091" title="Ticket #1091">#1091.
Just to add to this, the same thing happens for me too, but also kills the barimage and the left nav button.
I've also seen this on a number of projects.
We have a couple customers (1 pro, 1 indie) interested in this fix now.
Associated Helpdesk Ticket
http://appc.me/c/APP-893451Tested On: Mac OSX Lion TiMob: 1.8.0v20110819142548 TiStud: 1.0.4.201108101535 Devices: iPhone4 version 4.2.10 iPad2 version 4.3.5 iPod 3
Standardizing summary and labels.