[TIMOB-2483] ScrollableView problem

Hi all,

I'm facing some challenges with ScrollableView. The problem is that
the views aren't seamless, I first see a black box between views and
only then appears the view. The code is simple, and almost the same as
the KitchenSink code. I have a main window and I try to scroll 4
colored views. If you run the code you can see that the views aren't
preloaded, but I want a continuous images scroll (like in
KitchenSink). What am I doing wrong? I have a simple window and in
KitchenSink the window with ScrollableView come from a TagGroup, is
this the problem?

Thanks a million for any help on this!

Cheers,
Laura
_____________________________________________

var win = Titanium.UI.createWindow({
backgroundColor : 'black'
});

var view1 = Ti.UI.createView({

backgroundColor:'red'

}); var l1 = Ti.UI.createLabel({

text:'View 1',
color:'#fff',
width:'auto',
height:'auto'

}); view1.add(l1);

var view2 = Ti.UI.createView({

backgroundColor:'blue'

}); var l2 = Ti.UI.createLabel({

text:'View 2',
color:'#fff',
width:'auto',
height:'auto'

}); view2.add(l2);

var view3 = Ti.UI.createView({

backgroundColor:'green'

}); var l3 = Ti.UI.createLabel({

text:'View 3',
color:'#fff',
width:'auto',
height:'auto'

}); view3.add(l3);

var view4 = Ti.UI.createView({

backgroundColor:'black'

}); var l4 = Ti.UI.createLabel({

text:'View 4',
color:'#fff',
width:'auto',
height:'auto'

}); view4.add(l4);

var scrollView = Titanium.UI.createScrollableView({

views:[view1,view2,view3,view4],
showPagingControl:true,
    pagingControlHeight:30,

}); win.add(scrollView);
win.open();