ScrollableView exits immediately after launch

I have a menu screen with three buttons, each button takes it to the next screen (It will populate it with different content) which has a scrollable view. When I open the controller with the scrollable view, it shows for a few milliseconds and then closes and goes back to the previous screen? I have tried all example code I can find on it and it still does the same thing.

the code (straight off the Titanium docs):

<Alloy>
    <Window class="container">
        <ScrollableView id="scrollableView" showPagingControl="true">
            <View id="view1" backgroundColor="#123">
               <Label>View 1</Label>
            </View>
            <View id="view2" backgroundColor="#246">
             <Label>View 2</Label>
             </View>
            <View id="view3" backgroundColor="#48b">
             <Label>View 3</Label>
             </View>
        </ScrollableView>
    </Window>
</Alloy>