Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-15599] Nav Bar Image Briefly Appears to left of Nav on Window Transition

GitHub Issuen/a
TypeBug
PriorityMedium
StatusClosed
ResolutionDuplicate
Resolution Date2014-04-21T21:39:35.000+0000
Affected Version/sRelease 3.1.3
Fix Version/sRelease 3.3.0
ComponentsiOS
LabelsSupportTeam
ReporterConnor Phillips
AssigneeVishal Duggal
Created2013-10-04T14:43:41.000+0000
Updated2017-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

FileDateSize
profile.png2013-10-04T14:43:41.000+00003626
profileSettings.png2013-10-04T14:43:41.000+00004131
profileTransition.png2013-10-04T14:43:41.000+00004581
settingsIconNEW.png2013-10-16T17:42:51.000+00001080
tap.png2013-10-16T17:42:51.000+00002257

Comments

  1. Ingo Muschenetz 2013-10-15

    Can you please attach all the assets you are using in your project?
  2. Connor Phillips 2013-10-15

    Hey Ingo, Assets that deal with the nav bar issue? Thanks, Connor
  3. Ingo Muschenetz 2013-10-15

    Yes, we have the JS, but it seems we are missing the related assets (like images)
  4. Connor Phillips 2013-10-16

    Hey Ingo, The two images seen in the nav bar have now been attached.
  5. Connor Phillips 2013-10-28

    Hello there, Is there any update on the status of this ticket? Are you able to replicate this issue?
  6. Connor Phillips 2013-12-02

    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.
  7. Viktor Korol 2014-01-21

    Please fix. It still reproduces in 3.2.0.GA. Related ticket: TIMOB-15757
  8. Alexey Chulochnikov 2014-01-29

  9. Ingo Muschenetz 2014-01-29

    Tentatively scheduling for 3.3.0.
  10. Ingo Muschenetz 2014-04-21

    Resolving as duplicate of linked issue.
  11. Lee Morris 2017-03-20

    Closing ticket as duplicate.

JSON Source