[TIMOB-13661] iOS: Fading between backgroundGradients in tableViewRows

   //FirstView Component Constructor
       var defaultGradient = {
           type : "linear",
           colors : ["#f7f8fa", "#e9ebec"],
           startPoint : {
               x : 0,
               y : 0
           },
           endPoint : {
               x : 0,
               y : '100%'
           },
           backFillStart : true
       };
       var selectedGradient = {
           type : "linear",
           colors : ["#97c5e8", "#5496d6"],
           startPoint : {
               x : 0,
               y : 0
           },
           endPoint : {
               x : 0,
               y : '100%'
           },
           backFillStart : true
       };
   
   function FirstView() {
       //create object instance, a parasitic subclass of Observable
       var self = Ti.UI.createWindow({
           backgroundColor : 'black',
           navBarHidden : true,
           exitOnClose : true
       });
    
       //construct UI
    
       var selector = Ti.UI.createTableView({
           height : 500,
           borderColor : 'blue',
           borderRadius : 1,
           top : '15%',
           width : '80%',
           backgroundColor : 'none',
           style : Ti.UI.iPhone.TableViewStyle.GROUPED,
           allowsSelection: true
       });
    
       var id = 1;
       var createDataRow = function(e) {
           var newRow = Ti.UI.createTableViewRow({
               title : e.name,
               rowID : id,
               hasChild : true,
               backgroundGradient : defaultGradient,
               highlightState : 'none'
           });
           
           id += Math.ceil(Math.random() * 5);
           return newRow;
       };
       var randomLetter = function() {
           var rubric = "abcdefghijklmnopqrstuvwxyz";
           var idx = Math.floor(Math.random() * 26);
           return rubric.charAt(idx);
       };
       var dataArray = [];
       for (var i = 0; i < 10; i++) {
           var length = Math.ceil(Math.random() * 15);
           var buffer = "ID: ";
           for (var j = 0; j < length; j++) {
               buffer += randomLetter();
           }
           dataArray.push(createDataRow({
               name : buffer
           }));
       }
       selector.setData(dataArray);
       self.add(selector);
   
       selector.addEventListener('click', function(e){
           if (e.row.highlightState == 'none') {
               e.row.backgroundGradient = selectedGradient;
               e.row.highlightState = 'active';
           } else {
               e.row.backgroundGradient = defaultGradient;
               e.row.highlightState = 'none';
           }
           selector.deselectRow(e.index,{'animated':false});
       })
       return self;
   }
   
   
   var win =  FirstView();
   win.open();