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

iOS: TableViewRow flickers when its height is set either Ti.UI.SIZE or fix value

    Details

      Description

      Issue description

      TableViewRow has a view inside (where there are more children objects) for showing custom data. These Rows must be collapsed and expanded using an animation or just setting the row which changes its height. Once the row is expanded, all the rows must be shown.

      The problem developer is facing is that these animations are being sloppy and the whole TableView starts blinking once the animation starts.

      We have already used an animation and a View inside the tableViewRow which contains all the custom views and we have testing animating, a warning appears at the console:

      [DEBUG] :  Application booted in 212.884963 ms
      [WARN] :   New layout set while view [object __alloyId2] animating: Will relayout after animation.
      [WARN] :   New layout set while view [object __alloyId2] animating: Will relayout after animation.
      [WARN] :   New layout set while view [object __alloyId70] animating: Will relayout after animation.
      [WARN] :   New layout set while view [object __alloyId2] animating: Will relayout after animation.
      ...
      

      Using 'app/controllers/index.js' and 'app/styles/index.tss' instead of commented out sections gets rid of the warning below although we haven't been able to achieve a decent result since from time to time the flickering persists.

      Steps to reproduce
      1. Launch sample demo project showing this blink once you click on a row.
      2. Click either first, second or the third row to collapse or expand contents. The row flickers showing a red background (app/styles/index.tss).

        			<TableViewRow class="row">
        				<View class="rowWrapper">
        					<Label class="label" />
        					<Label class="Secondlabel" />					
        				</View>
        			</TableViewRow>
        

      3. If you remove the nested view and try out to add a transparent background the children objects will eventually disappear and appear as the user collapse-expand a TableViewRow (app/styles/index.tss).

        			<TableViewRow class="row">
        					<Label class="label" />
        					<Label class="Secondlabel" />					
        			</TableViewRow>
        

        Attachments

          Activity

            People

            • Assignee:
              vduggal Vishal Duggal (Inactive)
              Reporter:
              egomez Eduardo Gomez (Inactive)
            • Watchers:
              0 Start watching this issue

              Dates

              • Due:
                Created:
                Updated:
                Resolved:

                Backbone Issue Sync

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

                  Git Source Code