[TIMOB-15599] Nav Bar Image Briefly Appears to left of Nav on Window Transition
GitHub Issue | n/a |
---|---|
Type | Bug |
Priority | Medium |
Status | Closed |
Resolution | Duplicate |
Resolution Date | 2014-04-21T21:39:35.000+0000 |
Affected Version/s | Release 3.1.3 |
Fix Version/s | Release 3.3.0 |
Components | iOS |
Labels | SupportTeam |
Reporter | Connor Phillips |
Assignee | Vishal Duggal |
Created | 2013-10-04T14:43:41.000+0000 |
Updated | 2017-03-20T22:15:16.000+0000 |
Description
I have a nav bar image that upon closing the window, the image appears to the left of the nav bar for a split second. This bug has been occurring with my windows that I open from the root window. Basically when I am in my window that is attached to the tab (I guess root), I click on a button in the right nav area and it opens a new window with no problem at all. When I click the back button on the new window, the window closes and the nav bar image for the root window appears for a brief second to the left of the nav and then centers itself. I took a screenshot of this transition and also noticed that the back button appears faintly beneath the nav bar image on the left. Provided below are screenshots and code.
app.js
Titanium.UI.setBackgroundColor('#000');
// create tab group
var tabGroup = Titanium.UI.createTabGroup();
var profile = Titanium.UI.createWindow({
backgroundColor:'#fff',
url:'profile.js'
});
var profileTab = Titanium.UI.createTab({
icon:'/images/icons/profileIcon.png',
title:'Profile',
color:'#000',
window:profile
});
tabGroup.addTab(profileTab);
// open tab group
tabGroup.open();
profile.js
var profile = Ti.UI.currentWindow;
profile.barColor = '#3d6430';
profile.titleImage = 'tap.png';
profile.backgroundColor = '#e9e7e8';
profile.translucent = false;
//End Facebook Session
var rightButton = Ti.UI.createImageView({
image:'/images/settingsIconNew.png',
width:50,
height:36
});
rightButton.addEventListener('click', function(){
var win = require('profileSettings').profileSettingsWin;
var profileSettingsDetail = new win();
profile.tab.open(profileSettingsDetail, {animated:true});
});
profile.rightNavButton = rightButton;
var userProfileView = Ti.UI.createView({
backgroundColor:'#fff',
top:5,
left:10,
right:10,
width:300,
height:80
});
profile.add(userProfileView);
var profilePicture = Ti.UI.createImageView({
image : 'https://graph.facebook.com/' + Ti.Facebook.uid + '/picture',
top: 15,
width:50,
height:50,
left:10
});
userProfileView.add(profilePicture);
profileSettings.js
exports.profileSettingsWin = function(){
var settings = Ti.UI.createWindow({
barColor:'#3d6430',
title:"Profile Settings",
titleImage:'tap.png',
backgroundColor:'#e9e7e7',
translucent: false,
navTintColor:'white',
leftNavButton: backButton,
top:0
});
var backButton = Ti.UI.createButton();
backButton.addEventListener('click', function(){
settings.close({animated:true});
});
var table = Titanium.UI.createTableView({
style:Titanium.UI.iPhone.TableViewStyle.GROUPED,
backgroundColor:'#e9e7e7'
});
settings.add(table);
var socialSettings = Titanium.UI.createTableViewSection();
socialSettings.headerTitle = "SOCIAL SETTINGS";
var findFriends = Titanium.UI.createTableViewRow({
title:"Find Your Friends",
font:{fontFamily: customFont},
backgroundColor:'#fff'
});
var inviteFriends = Titanium.UI.createTableViewRow({
title:"Invite Friends",
font:{fontFamily: customFont},
backgroundColor:'#fff'
});
var notifications = Titanium.UI.createTableViewRow({
title:"Notifications",
font:{fontFamily: customFont},
backgroundColor:'#fff'
});
socialSettings.add(findFriends);
socialSettings.add(inviteFriends);
var supportSettings = Titanium.UI.createTableViewSection();
supportSettings.headerTitle = "SUPPORT SETTINGS";
var privacyPolicy = Titanium.UI.createTableViewRow({
title:"Privacy Policy",
font:{fontFamily: customFont},
backgroundColor:'#fff'
});
var termsOfUse = Titanium.UI.createTableViewRow({
title:"Terms of Service",
font:{fontFamily: customFont},
backgroundColor:'#fff',
});
table.setData([socialSettings,supportSettings,profileSettings]);
});
return settings;
};
Attachments
File | Date | Size |
---|---|---|
profile.png | 2013-10-04T14:43:41.000+0000 | 3626 |
profileSettings.png | 2013-10-04T14:43:41.000+0000 | 4131 |
profileTransition.png | 2013-10-04T14:43:41.000+0000 | 4581 |
settingsIconNEW.png | 2013-10-16T17:42:51.000+0000 | 1080 |
tap.png | 2013-10-16T17:42:51.000+0000 | 2257 |
Can you please attach all the assets you are using in your project?
Hey Ingo, Assets that deal with the nav bar issue? Thanks, Connor
Yes, we have the JS, but it seems we are missing the related assets (like images)
Hey Ingo, The two images seen in the nav bar have now been attached.
Hello there, Is there any update on the status of this ticket? Are you able to replicate this issue?
Hey there, Has this issue been looked at for the 3.2.0 release? Is this occurring because of my code or is it a bug? I noticed that animations have been fixed for the 3.2.0 beta.
Please fix. It still reproduces in 3.2.0.GA. Related ticket: TIMOB-15757
Tentatively scheduling for 3.3.0.
Resolving as duplicate of linked issue.
Closing ticket as duplicate.