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

Android:List item is not rendering properly with 6.2.X and above

    Details

    • Type: Bug
    • Status: Closed
    • Priority: High
    • Resolution: Fixed
    • Affects Version/s: Release 6.2.2
    • Fix Version/s: Release 6.3.0
    • Component/s: Android
    • Environment:
    • Story Points:
      3
    • Sprint:
      2017 Sprint 21 SDK

      Description

      Hi,

      In our app we have a list view where list template consists of views, labels. On scroll of list view , list item is not rendering properly(a view is occupying entire list view width and height).

      It is working fine with 6.1.2 GA whereas we are having this issue with 6.2.X SDK. Even tried with 6.3.0.v20170929040536 but having the same issue.
      Note: It is an issue with Android.

      Test Code

      var win = Ti.UI.createWindow({
      	width : Ti.UI.FILL,
      	height : Ti.UI.FILL,
      	backgroundColor : 'black'
      });
      var listWithNetworkTemplate = {
      	childTemplates : [{// AddressView
      		type : 'Ti.UI.View',
      		bindId : 'addressView',
      		properties : {
      			layout : 'vertical',
      			left : 8,
      			width : '84%',
      			touchEnabled : false,
      			height : Ti.UI.SIZE,
      			top : 10
      		},
      		childTemplates : [{// Title
      			type : 'Ti.UI.Label',
      			bindId : 'title',
      			properties : {
      				color : 'black',
      				touchEnabled : false,
      				left : 5
      			}
      		}, {// netWorkView
      			type : 'Ti.UI.View',
      			bindId : 'netWorkView',
      			properties : {
      				width : Ti.UI.SIZE,
      				height : Ti.UI.SIZE,
      				left : 5,
      				bottom : 2,
      				top : 2,
      				borderWidth : 1,
      				borderColor : '#00AFD8',
      				touchEnabled : false
      			},
      			childTemplates : [{
      				// Image NetWork
      				type : 'Ti.UI.Label',
      				bindId : 'networkImage',
      				properties : {
      					color : '#00AFD8',
      					touchEnabled : false,
      					width : Ti.UI.SIZE,
      					height : Ti.UI.SIZE,
      					top : 2,
      					bottom : 2,
      					left : 6,
      					right : 6
      				}
      			}]
      		}, {// subTitle
      			type : 'Ti.UI.Label',
      			bindId : 'subTitle',
      			properties : {
      				touchEnabled : false,
      				color : 'blue',
      				left : 5,
      				bottom : 10
      			}
      		}]
      	}]
      };
      var listTemplates = {
      	'listWithNetworkTemplate' : listWithNetworkTemplate,
      };
      function createListViewItems(data) {
      	var listItems = [];
      	for (var i = 0,
      	    j = 15; i < j; i++) {
      		listItems.push({
      			template : 'listWithNetworkTemplate',
      			title : {
      				text : "title"
      			},
      			subTitle : {
      				text : "distance",
      			},
      			viewProfile : {
      				text : "VIEW_PROFILE" + '\n'
      			},
      			networkImage : {
      				text : "NETWORK PROVIDER"
      			},
      			properties : {
      				height : Ti.UI.SIZE,
      				backgroundColor : 'white'
      			}
      		});
      	}
      	return listItems;
      }
       
      var tableItems = createListViewItems();
      var tableSection = Ti.UI.createListSection({
      	items : tableItems
      });
      var table = Ti.UI.createListView({
      	templates : listTemplates,
      	footerDividersEnabled : true,
      	separatorColor : 'blue',
      	defaultItemTemplate : 'listWithNetworkTemplate',
      	sections : [tableSection]
      });
      win.add(table);
      win.open();
      

      Steps to reproduce:
      1. Run the attached app on Android device
      2.Scroll the list view

      Thanks

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                jquick Joshua Quick
                Reporter:
                aislam Aminul Islam
                Reviewer:
                Gary Mathews
              • Watchers:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Backbone Issue Sync

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

                    Git Source Code