[TIMOB-13294] iOS: Allow user to control the clipping behavior of View

var win = Ti.UI.createWindow({fullscreen: true, backgroundColor: 'white'});
 
// this test should test that we have a red 100x100 view in the 
// center of the screen by using the size property to set it
 
var view = Ti.UI.createView({
    width:100,
    height:100,
    clipChildren:false,
    backgroundColor:"red"
});
 
var innerview = Ti.UI.createView({
    left:-20,
    right:-20,
    backgroundColor:"green"
});
 
var innerview2 = Ti.UI.createView({
    backgroundColor:"yellow"
});
 
view.add(innerview);
view.add(innerview2);
win.add(view);
 
var label = Ti.UI.createLabel({
    text:"Should be 100x100 red square in center",
    textAlign:"center",
    width:"auto",
    height:"auto",
    top:20
});
 
win.add(label);
 
 
var button = Ti.UI.createButton({
    title:"Change Size",
    width:120,
    height:40,
    bottom:20
});
win.add(button);
 
button.addEventListener('click',function() {
    view.updateLayout({
        width:150,
        height:150
    });
    label.text = "Box should now be 150x150";
});

win.open();