[TIMOB-28459] Android: ScrollableView with databinding in Footer/HeaderView not showing up

var mocx = require("/mocx");
mocx.createCollection("contacts", [{name : "John Smith"}, {name : "Jane Doe"}]);

<Alloy>
    <Window fullscreen="true">
        <ListView>
            <ListSection dataCollection="contacts" bottom="200">

                <HeaderView>
                    <View backgroundColor="#DDD" height="200">
                        <ScrollableView height="200" dataCollection="contacts" >
                            <!-- doesn't work -->
                            <View backgroundColor="red" height="200"/>
                        </ScrollableView>
                    </View>
                </HeaderView>

                <ListItem color="#000" title="{name}" searchableText="{name}"/>

                <FooterView>
                    <View backgroundColor="#DDD" height="Ti.UI.SIZE">
                        <ScrollableView height="200" dataCollection="contacts">
                            <!-- doesn't work -->
                            <View backgroundColor="red" height="200"/>
                        </ScrollableView>
                    </View>
                </FooterView>
            </ListSection>
        </ListView>

        <ScrollableView height="200" dataCollection="contacts" bottom="0">
            <ImageView image="/appicon.png"/>
        </ScrollableView>
    </Window>
</Alloy>

Alloy.Collections.contacts.fetch();
$.index.open();

for (var __alloyId7, opts = __alloyId11.opts || {}, models = __alloyId10.models, len = models.length,  views = [], i = 0; i < len; i++) {
    __alloyId7 = models[i], __alloyId7.__transform = transform(__alloyId7);
    var __alloyId9 = Ti.UI.createView({
        views: __alloyId6,
        apiName: "Ti.UI.ScrollableView",
        height: 200,
        classes: [],
        backgroundColor: "red"
    });
    views.push(__alloyId9);
}
$.__views.__alloyId5.views = views

const win = Ti.UI.createWindow({
	backgroundColor: '#fff',
});

const sections = [];

var hv = Ti.UI.createView({
	height: 100,
	backgroundColor: "blue"
});

var sv = Ti.UI.createScrollableView({
	height: 100,
	backgroundColor: "yellow"
})
var views = [];
for (var i = 0; i < 10; ++i) {
	var insideView = Ti.UI.createView({
		height: 100,
		backgroundColor: "rgba(" + (i * 20) + "," + i + "," + i + ")"
	});
    var lbl = Ti.UI.createLabel({
        text:"should be visible",
        color: "#fff"
    })
    insideView.add(lbl);
	sv.addView(insideView)
}
hv.add(sv);
for (let i = 0; i < 3; i++) {
	const items = [];

	for (let x = 0; x < 5; x++) {
		items.push({
			label: {
				text: Item #${x}
			}
		});
	}

	sections.push(Ti.UI.createListSection({
		headerView: hv,
		items
	}));
}
const listView = Ti.UI.createListView({
	templates: {
		template: {
			properties: {
				backgroundColor: 'transparent'
			},
			childTemplates: [{
				type: 'Ti.UI.Label',
				bindId: 'label',
				properties: {
					left: 10,
					color: 'black'
				}
			}]
		}
	},
	backgroundColor: "#b3b3b3",
	defaultItemTemplate: 'template',
	sections: sections
});
win.add(listView);
win.open();