Alloy and overlapping UI objects

What am I doing wrong in my view that it seems my navgroup is below my tableview and my toolbar is on top of the tableview.

Pretty much I don't see the navgroup at all due to the tableview and my toolbar is covering up the last row of a table

<Alloy>
    <Window class="container" id="mainWindow">
        <NavigationGroup id="navgroup">
            <Window id="win1">
                <LeftNavButton>
                    <Button>Login</Button>
                </LeftNavButton>
            </Window>
        </NavigationGroup>
        <View>
            <TableView id="posts">
                <Widget id="ptr" src="nl.fokkezb.pullToRefresh" onRelease="myLoader" />
            </TableView>
            <Toolbar platform="ios" bottom="0" borderTop="true" borderBottom="false">
                <Items>
                    <Button id="send" title="Send" style="Ti.UI.iPhone.SystemButtonStyle.DONE" />
                    <FlexSpace/>
                    <Button id="camera" systemButton="Ti.UI.iPhone.SystemButton.COMPOSE" onClick="doCamera"/>
                    <FlexSpace/>
                    <Button id="cancel" title="Quit" />
                </Items>
            </Toolbar>
        </View>
    </Window>
</Alloy>