Swipe scrollable view

This is my view:

<Alloy>
    <Window id="index" class="container">
        <View class="top">
            <View class="pager active" />
            <View class="pager inactive" />
            <View class="pager inactive" />
        </View>
        <ScrollableView id="scroller" class="bottom">
            <View id="view1">
                <Label>hi!</Label>
            </View>
            <View id="view2">
                <Label>hello!</Label>
            </View>
            <View id="view3">
                <Label>good morning!</Label>
            </View>
        </ScrollableView>
    </Window>
</Alloy>

I'd like to react to the swipe event on the ScrollableView in order to change color of one of the pager Views, however on Android emulator the below code does not work:

$.scroller.addEventListener("swipe", function(e) {
    Ti.API.info(e.direction);
});

Swipe event seems to almost work for a Window, however the important part is "almost"... It actually does not work if I swipe left to right and right to left, but when I swipe from bottom left corner to top right corner, then the app logs "left", which is obviously not true, because "left" is the direction I started to swipe from. I tested this only under Android emulator, but my goal is to build for Android and iOS. Any help?