Android Picker not working inside ScrollView

Hi, Picker is not working inside scrollview for android. how can that be solved ? (I tried putting it in another view, didn't work. removing the scrollview is not possible )

here's a small test

Titanium.UI.setBackgroundColor('#000');
 
var win1 = Titanium.UI.createWindow({  
    title:'Tab 1',
    backgroundColor:'#fff'
});
 
var win5 = Titanium.UI.createScrollView({
    contentHeight:'auto',
    left:15,
    right:5
    ,layout:'vertical'
});
 
 
var names = ['Joanie', 'Mickey', 'Jean-Pierre', 'Gustav', 'Raul', 'Mimi', 'Emily', 'Sandra', 'Carrie', 'Chachi'];
var verbs = ['loves', 'likes', 'visits', 'loathes', 'waves to', 'babysits', 'accompanies', 'teaches', 'announces', 'supports', 'knows', 'high-fives'];
 
var rows1 = [];
for (var i = 0; i < names.length; i++) {
    rows1.push(Ti.UI.createPickerRow({title: names[i]}));
}
 
var rows2 = [];
for (i = 0; i < verbs.length; i++) {
    rows2.push(Ti.UI.createPickerRow({title: verbs[i]}));
}
 
var rows3 = [];
for (i = (names.length -1); i >=0; i--) {
    rows3.push(Ti.UI.createPickerRow({title: names[i]}));
}
 
var column1 = Ti.UI.createPickerColumn( {
    rows: rows1, font: {fontSize: "12"}
});
var column2 = Ti.UI.createPickerColumn( {
    rows: rows2, font: {fontSize: "12"}
});
var column3 = Ti.UI.createPickerColumn( {
    rows: rows3, font: {fontSize: "12"}
});
 
var picker = Ti.UI.createPicker({
    useSpinner: true, visibleItems: 7,
    type : Ti.UI.PICKER_TYPE_PLAIN,
    top: 20, height: '200',
    columns: [ column1, column2, column3 ]
});
 
picker.addEventListener('change', function(e) {
    Ti.API.info(e.selectedValue[0] + " " + e.selectedValue[1] + " " + e.selectedValue[2]);
});
 
win5.add(picker);
win1.add(win5);
 
win1.open();