Uploaded image for project: 'Titanium SDK/CLI'
  1. Titanium SDK/CLI
  2. TIMOB-17235

iOS: Window in tabGroup flicker on first open

    Details

    • Type: Bug
    • Status: Closed
    • Priority: High
    • Resolution: Fixed
    • Affects Version/s: Release 3.2.3, Release 3.3.0
    • Fix Version/s: Release 7.3.0
    • Component/s: iOS
    • Labels:
      None
    • Environment:

      Mobile SDK 3.2.3 GA / 3.3.0
      iOS: 7.1
      Device: ipad mini, ipad air

    • Story Points:
      8
    • Sprint:
      2018 Sprint 09 SDK, 2018 Sprint 10 SDK

      Description

      Problem Description

      When using Alloy with more than 2 tabs, I get a black flickering when changing tabs for the first time if there are more than 2 tabs. This only happens on an iPad (not iPhone) on an actual device (not on simulator) and when more than 2 tabs.

      Steps to reproduce

      1. Create a new application, using the default classic module
      2. Copy app.js

      // this sets the background color of the master UIView (when there are no windows/tab groups on it)
      Titanium.UI.setBackgroundColor('#000');
       
      // create tab group
      var tabGroup = Titanium.UI.createTabGroup();
       
       
      //
      // create base UI tab and root window
      //
      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',
      	width:'auto'
      });
       
      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 1',
          window:win2
      });
       
      var label2 = Titanium.UI.createLabel({
      	color:'#999',
      	text:'I am Window 1',
      	font:{fontSize:20,fontFamily:'Helvetica Neue'},
      	textAlign:'center',
      	width:'auto'
      });
       
      win2.add(label2);
       
      //
      // create base UI tab and root window
      //
      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);
       
       
      // open tab group
      tabGroup.open();
      

      3. Run app on an iPad device and switch tabs.

      Extra info

      Might be related to https://jira.appcelerator.org/browse/TIMOB-16521

        Attachments

          Activity

            People

            • Assignee:
              vijaysingh Vijay Singh
              Reporter:
              wayne Wayne Bloore
              Reviewer:
              Hans Knöchel
              Tester:
              Samir Mohammed
            • Watchers:
              0 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Backbone Issue Sync

                • Titanium SDK/CLI <> Titanium Mobile
                  Synced with:
                  TIMOB-18909
                  Sync status:
                  ERROR
                  Last received:
                  Last sent:

                  Git Source Code