[TIMOB-10039] iOS: Label does not show in nested views

   
   var win = Ti.UI.createWindow({
       backgroundColor: 'white',
   });
    
   var theFont = {fontSize: 11, font: 'Helevetica' };
   var container = Ti.UI.createView({
       layout:'vertical'
   }) 
   var controls1 = Ti.UI.createView({
       layout:'horizontal',
       height:Ti.UI.SIZE,
       top:10,
       borderColor:'#ccc',
       borderWidth:1
   }) 
    
   var title1 = Ti.UI.createLabel({
       font :theFont,
       text:'V-ALIGN'
   })
   var c1b1 = Ti.UI.createButton({
       left:10,
       font :theFont,
       title:'TOP'
   })
   var c1b2 = Ti.UI.createButton({
       left:10,
       font :theFont,
       title:'BOTTOM'
   })
   var c1b3 = Ti.UI.createButton({
       left:10,
       font :theFont,
       title:'CENTER'
   })
   controls1.add(title1);
   controls1.add(c1b1);
   controls1.add(c1b2);
   controls1.add(c1b3);
   container.add(controls1)
    
   var controls2 = Ti.UI.createView({
       layout:'horizontal',
       height:Ti.UI.SIZE,
       top:10,
       borderColor:'#ccc',
       borderWidth:1
   }) 
    
   var title2 = Ti.UI.createLabel({
       font :theFont,
       text:'T-ALIGN'
   })
   var c2b1 = Ti.UI.createButton({
       left:10,
       font :theFont,
       title:'LEFT'
   })
   var c2b2 = Ti.UI.createButton({
       left:10,
       font :theFont,
       title:'RIGHT'
   })
   var c2b3 = Ti.UI.createButton({
       left:10,
       font :theFont,
       title:'CENTER'
   })
   controls2.add(title2);
   controls2.add(c2b1);
   controls2.add(c2b2);
   controls2.add(c2b3);
   container.add(controls2)
    
   var controls3 = Ti.UI.createView({
       layout:'horizontal',
       height:Ti.UI.SIZE,
       top:10,
       borderColor:'#ccc',
       borderWidth:1
   }) 
    
   var title3 = Ti.UI.createLabel({
       font :theFont,
       text:'WIDTH'
   })
   var c3b1 = Ti.UI.createButton({
       left:10,
       font :theFont,
       title:'SIZE'
   })
   var c3b2 = Ti.UI.createButton({
       left:10,
       font :theFont,
       title:'200'
   })
   var c3b3 = Ti.UI.createButton({
       left:10,
       font :theFont,
       title:'150'
   })
   var c3b4 = Ti.UI.createButton({
       left:10,
       font :theFont,
       title:'100'
   })
   controls3.add(title3);
   controls3.add(c3b1);
   controls3.add(c3b2);
   controls3.add(c3b3);
   controls3.add(c3b4);
   container.add(controls3);
    
   var controls4 = Ti.UI.createView({
       layout:'horizontal',
       height:Ti.UI.SIZE,
       top:10,
       borderColor:'#ccc',
       borderWidth:1
   }) 
    
   var title4 = Ti.UI.createLabel({
       font :theFont,
       text:'HEIGHT'
   })
   var c4b1 = Ti.UI.createButton({
       left:10,
       font :theFont,
       title:'SIZE'
   })
   var c4b2 = Ti.UI.createButton({
       left:10,
       font :theFont,
       title:'200'
   })
   var c4b3 = Ti.UI.createButton({
       left:10,
       font :theFont,
       title:'150'
   })
   var c4b4 = Ti.UI.createButton({
       left:10,
       font :theFont,
       title:'100'
   })
   controls4.add(title4);
   controls4.add(c4b1);
   controls4.add(c4b2);
   controls4.add(c4b3);
   controls4.add(c4b4);
   container.add(controls4);
   
   var controls5 = Ti.UI.createView({
       layout:'horizontal',
       height:Ti.UI.SIZE,
       top:10,
       borderColor:'#ccc',
       borderWidth:1
   }) 
    
   var title5 = Ti.UI.createLabel({
       font :theFont,
       text:'TEXT'
   })
   var c5b1 = Ti.UI.createButton({
       left:10,
       font :theFont,
       title:'TEXT 1'
   })
   var c5b2 = Ti.UI.createButton({
       left:10,
       font :theFont,
       title:'TEXT 2'
   })
   var c5b3 = Ti.UI.createButton({
       left:10,
       font :theFont,
       title:'TEXT 3'
   })
   controls5.add(title5);
   controls5.add(c5b1);
   controls5.add(c5b2);
   controls5.add(c5b3);
   container.add(controls5);
   
   var text1 = 'I am the test label. Switch my properties around and see me change. Vertical Alignment should work well with change in size and text alignment.';
   var text2 = 'I am a medium size label that should span more than one line.' 
   var text3 = 'Short Label.'
   var testLabel = Ti.UI.createLabel({
       backgroundColor: 'white',
       color: 'black',
       text:text1,
       borderColor:'red',
       borderWidth:1,
       top:10
   })
   container.add(testLabel);
    
   win.add(container);
   win.open();
    
    
   c1b1.addEventListener('click',function(e){testLabel.verticalAlign = Ti.UI.TEXT_VERTICAL_ALIGNMENT_TOP});
   c1b2.addEventListener('click',function(e){testLabel.verticalAlign = Ti.UI.TEXT_VERTICAL_ALIGNMENT_BOTTOM});
   c1b3.addEventListener('click',function(e){testLabel.verticalAlign = Ti.UI.TEXT_VERTICAL_ALIGNMENT_CENTER});
   c2b1.addEventListener('click',function(e){testLabel.textAlign = Ti.UI.TEXT_ALIGNMENT_LEFT});
   c2b2.addEventListener('click',function(e){testLabel.textAlign = Ti.UI.TEXT_ALIGNMENT_RIGHT});
   c2b3.addEventListener('click',function(e){testLabel.textAlign = Ti.UI.TEXT_ALIGNMENT_CENTER});
   c3b1.addEventListener('click',function(e){testLabel.width = Ti.UI.SIZE})
   c3b2.addEventListener('click',function(e){testLabel.width = 200})
   c3b3.addEventListener('click',function(e){testLabel.width = 150})
   c3b4.addEventListener('click',function(e){testLabel.width = 100})
   c4b1.addEventListener('click',function(e){testLabel.height = Ti.UI.SIZE})
   c4b2.addEventListener('click',function(e){testLabel.height = 200})
   c4b3.addEventListener('click',function(e){testLabel.height = 150})
   c4b4.addEventListener('click',function(e){testLabel.height = 100})
   c5b1.addEventListener('click',function(e){testLabel.text = text1})
   c5b2.addEventListener('click',function(e){testLabel.text = text2})
   c5b3.addEventListener('click',function(e){testLabel.text = text3})