How to load only when the tab opens

Hey guys! i'm using alloy framework to develop an app for both iOS and android. I needed custom tabBar or the android tabBar at the bottom. That is why I used This Widget.

It works good but the problem with this widget is that it loads all the tabs at once. How can I tweak it to load the contents of a tab only when I click on it. Please Help.

This is my index.XML file

<Alloy>
    <Window>
        <Widget id="tabGroup" src="com.jasonkneen.tabgroup"></Widget>
    </Window>
    <Window id="win1">
 
        <View class="titleBar">
            <Label class="title"></Label>
        </View>
        <TableView id="firstTable">
            <Require src="collectionRow"></Require>
        </TableView>
 
    </Window>
    <Window id="win2" >
 
        <View class="titleBar">
            <Label class="title"></Label>
        </View>
        <Require src="collectionTabContent"></Require>
 
    </Window>
    <Window id="win3" >
 
        <View class="titleBar">
            <Label class="title"></Label>
        </View>
        <Require src="fashionTips"></Require>
 
    </Window>
    <Window id="win4" >
 
        <View class="titleBar">
            <Label class="title"></Label>
        </View>
        <Require src="contactPage"></Require>
 
    </Window>
</Alloy>

Thank You.