Vertical scrollableView by designbymind

index.js

// --- Begin Rotate leftDrawer_pages ---
var rotate = Ti.UI.createMatrix2D().rotate(90);
var counterRotate = rotate.rotate(-180);
$.scrollableView.applyProperties({
    transform: rotate,
    height: Ti.Platform.displayCaps.platformWidth,
    width: Ti.Platform.displayCaps.platformHeight
});
$.scrollableView_page_0.applyProperties({
    transform: counterRotate,
    width: Ti.Platform.displayCaps.platformWidth,
    height: Ti.Platform.displayCaps.platformHeight
});
$.scrollableView_page_1.applyProperties({
    transform: counterRotate,
    width: Ti.Platform.displayCaps.platformWidth,
    height: Ti.Platform.displayCaps.platformHeight
});
rotate = null;
counterRotate = null;
// --- End Rotate leftDrawer_pages ---

index.tss

"#scrollableView" : {
    width: Ti.UI.FILL,
    height: Ti.UI.FILL,
    scrollingEnabled: true,
    pagingControlAlpha: 1,
    pagingControlColor: 'rgba(0,0,0,0)',
    pageIndicatorColor: 'rgba(0,0,0,0.24)',
    currentPageIndicatorColor: 'rgba(0,0,0,1)',
    pagingControlOnTop: false,
    showPagingControl: true,
    pagingControlHeight: 56,
    overlayEnabled: true,
    disableBounce: false
}

".page" : {
    width: Ti.UI.FILL,
    height: Ti.UI.FILL
}

index.xml

<ScrollableView id="scrollableView" currentPage="0">
    <View id="scrollableView_page_0" class="page" backgroundColor="blue"/>
    <View id="scrollableView_page_1" class="page" backgroundColor="red"/>
</ScrollableView>