Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-17235] iOS: Window in tabGroup flicker on first open

GitHub Issuen/a
TypeBug
PriorityHigh
StatusClosed
ResolutionFixed
Resolution Date2018-05-19T14:38:33.000+0000
Affected Version/sRelease 3.2.3, Release 3.3.0
Fix Version/sRelease 7.3.0
ComponentsiOS
Labelsn/a
ReporterWayne Bloore
AssigneeVijay Singh
Created2014-06-21T08:23:27.000+0000
Updated2018-06-25T20:04:02.000+0000

Description

Comments

  1. Mauro Parra-Miranda 2014-06-27

    Hello Wayne, Which Ipad model did you test this? Best, Mauro
  2. David He 2014-06-27

    It is a BUG indeed. It`s happened to me as well on iPAD Air iOS 7.1
  3. Mauro Parra-Miranda 2014-06-27

    Hello [~jialhe85@gmail.com], thanks for confirmation! Do you mind to add your versions of Mobile SDK and such? So we can add more data here. Best, Mauro
  4. David He 2014-06-27

  5. Wayne Bloore 2014-06-27

    Hi Mauro, I tested it on iPad Mini Retina 7.1.1.
  6. David He 2014-06-27

    Hi Mauro Mobile SDK 3.2.3
  7. David He 2014-06-27

    It really needs to be treated urgently as it had been there since SDK 3.2.2
  8. Mauro Parra-Miranda 2014-06-27

    JFYI, we usually set the priority to None, so the Platform team can adjust it.
  9. Shameer Jan 2014-08-14

    Issue reproduces Titanium Command-Line Interface, CLI version 3.3.0, Titanium SDK version 3.3.0.GA iOS SDK: 7.1 iOS iPhone Simulator: 7.1
  10. Hans Knöchel 2015-09-02

    Not reproducible on latest Ti.SDK 5.0 build and iOS8/9. [~shameerj] [~wayne] Can you check if this still occurs?
  11. ArnaudM 2015-09-29

    Hi Hans Issue is still there, unfortunately. Jut slightly different : using the same app.js on iPhone, the flickering is not black but the window seems to resize quickly before showing. It happens only on first open. Is it a different bug? Ti.SDK 5.1.0.v20150929021233 iOS SDK 9.0 XCode 7.0 Seen on simulator and on device (iPhone 5S on iOS 9). Thanks!
  12. ArnaudM 2015-10-01

    I found something interesting : - If you add a "top" attribute to the labels in the example above, then the flickering disappears. (That's a workaround!) 
        var label1 = Titanium.UI.createLabel({
      color:'#999',
      text:'I am Window 1',
      font:{fontSize:20,fontFamily:'Helvetica Neue'},
      textAlign:'center',
      top: 100
    });
    - And if you just set a "bottom" attribute, then the label will go up and down before stabilizing on first open. The tabgroup seems to interfere with the window height.
  13. Vijay Singh 2018-04-26

    PR - https://github.com/appcelerator/titanium_mobile/pull/10014 
        Titanium.UI.setBackgroundColor('#000');
     
    // create tab group
    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 label1 = Titanium.UI.createLabel({
    	color:'#999',
    	text:'I am Window 1',
    	font:{fontSize:20,fontFamily:'Helvetica Neue'},
    	textAlign:'center',
    	bottom:10
    });
     
    win1.add(label1);
     
    //
    // create base UI tab and root window
    //
    var win2 = Titanium.UI.createWindow({  
        title:'Tab 1',
        backgroundColor:'#fff'
    });
    var tab2 = Titanium.UI.createTab({  
        icon:'KS_nav_views.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',
    	bottom:10
    });
     
    win2.add(label2);
    
    var win3 = Titanium.UI.createWindow({  
        title:'Tab 1',
        backgroundColor:'#fff'
    });
    var tab3 = Titanium.UI.createTab({  
        icon:'KS_nav_views.png',
        title:'Tab 1',
        window:win3
    });
     
    var label3 = Titanium.UI.createLabel({
    	color:'#999',
    	text:'I am Window 1',
    	font:{fontSize:20,fontFamily:'Helvetica Neue'},
    	textAlign:'center',
    	width:'auto'
    });
     
    win3.add(label3);
     
    //
    // create base UI tab and root window
    //
    var win4 = Titanium.UI.createWindow({  
        title:'Tab 1',
        backgroundColor:'#fff'
    });
    var tab4 = Titanium.UI.createTab({  
        icon:'KS_nav_views.png',
        title:'Tab 1',
        window:win4
    });
     
    var label4 = Titanium.UI.createLabel({
    	color:'#999',
    	text:'I am Window 1',
    	font:{fontSize:20,fontFamily:'Helvetica Neue'},
    	textAlign:'center',
    	width:'auto'
    });
     
    win4.add(label4);
     
     
    //
    //  add tabs
    //
    tabGroup.addTab(tab1);  
    tabGroup.addTab(tab2);  
    tabGroup.addTab(tab3);
    tabGroup.addTab(tab4);
    
    tabGroup.open();
  14. Samir Mohammed 2018-06-25

    *Closing ticket.* fix can be seen in SDK Version: 7.3.0.v20180618182516 FR (Passed) Test Steps:

    Created an application with the code above

    Ran the program

    Switched tabs

    No longer saw the app flickering (Across devices and simulators)

    *Test Environment* 
        APPC Studio: 5.0.0.201712081732
    APPC CLI: 7.0.4
    iphone 6 11.2 emulator
    iphone 6s (10.2)
    ipad 5th gen (11.2)
    Operating System Name: Mac OS High Sierra
    Operating System Version: 10.13
    Node.js Version: 8.9.1
    Xcode 9.2

JSON Source