Tableview render issues

I'm working with Titanium SDK 3.1.3 and deploying an Alloy project to Android.

I have a view like this:

<Alloy>
    <Window class="container">
 
        <View id="MainHolder">
 
            <View id="MainHolderTitleView">
 
                <View id="CloseButton">
                    <Label id="CloseButtonLabel"></Label>
                </View>
                <Label id="MainHolderTitleLabel"></Label>
                <View id="CreatePostButton">
                    <ImageView id="CreatePostButtonImage" image="/images/menu_options.png"></ImageView>
                </View>
            </View>
 
            <View id="AppSettings">
 
                <View id="AppOptionButtons">
                    <View id="MenuOption1" class="optionButton">
                        <Label id="Option1Label" class="optionButtonLabel"></Label>
                    </View>
                    <View id="MenuOption2" class="optionButton">
                        <Label id="Option2Label" class="optionButtonLabel"></Label>
                    </View>
                    <View id="MenuOption3" class="optionButton">
                        <Label id="Option3Label" class="optionButtonLabel"></Label>
                    </View>
 
                </View>
 
            </View>
 
            <View id="MainHolderWorkspace">
                <TableView id="AppTableView"></TableView>
                <ActivityIndicator id="activityIndicator"/>
            </View>
 
        </View>
 
    </Window>
</Alloy>

the tss looks like this:

".container" : {
    backgroundColor:"#b1b1b1",
    width:Ti.UI.FILL, 
    height:Ti.UI.FILL, 
    top:0, 
    left:0,
    navBarHidden : true
}, 
"#MenuAppsButton":{
    height:'20dp'
},
"#MainHolderTitleLabel":{
    // width : '250dp',
    left : '60dp',
    right : '60dp',
    height : '25dp',
    color:"#FFFFFF", 
    textAlign : 'center',
    font:{fontSize:'12dp'},
    ellipsize : true
},
"#CreatePostButton":{
    right:0, 
    width:'44dp', 
    height:'44dp', 
    backgroundColor:"#242424"
},
"#CreatePostButtonImage":{
    height:'20dp'
},
".optionButton":
{
    width:Ti.UI.FILL, 
    height:'44dp', 
    backgroundColor:"#f0f0f0",
    top:1
}, 
".optionButtonLabel":
{
    color:"#363636", 
    font:{
        fontSize:'12dp', 
        fontWeight:"bold"
    }, 
    height:Ti.UI.SIZE, 
    width:Ti.UI.SIZE
 
},
"#AppOptionButtons":
{
    width:Ti.UI.FILL, 
    height:Ti.UI.SIZE,
    backgroundColor:"transparent", 
    layout:"vertical"
 
},
"#AppSettings":
{
    top:'44dp', 
    left:0, 
    backgroundColor:"transparent", 
    width:Ti.UI.FILL, 
    height:Ti.UI.FILL, 
    layout:"vertical"
},
"#MenuHolder":
{
    width:Ti.UI.FILL, 
    height:Ti.UI.FILL,
    top:0, 
    left:"-320dp", 
    zIndex:0, 
    backgroundColor:"#363636"
},
"#MainHolder":{
    width:Ti.UI.FILL, 
    height:Ti.UI.FILL,
    top:0, 
    left:0, 
    zIndex:1
},
"#MainHolderTitleView":
{
    left:0, 
    right:0, 
    height:'44dp', 
    top:0,
    backgroundColor:"#363636", 
    zIndex:0
}, 
"#MainHolderTitleDraggingView":
{
    left:0, 
    width:'44dp', 
    height:'44dp', 
    top:0,
    backgroundColor:"transparent", 
    zIndex:2
},
"#MainHolderWorkspace":
{
    top:'44dp', 
    bottom:0, 
    left:0,
    backgroundColor:"#b1b1b1",
    zIndex:2
}, 
"#MainHolderTitleViewMenuButton":
{
    width:'50dp', 
    height:'44dp', 
    left:0, 
    top:0, 
    backgroundColor:"#242424"
}, 
"#CloseButton":
{
    width:'60dp', 
    height:Ti.UI.FILL, 
    backgroundColor:"#232323", 
    left:0
},
"#CloseButtonLabel":
{
    color:"#FFFFFF", 
    font:{fontSize:'13dp'},
    text : L('close_string')
}, 
"#AppTableView":
{
    width:Ti.UI.FILL, 
    height:Ti.UI.SIZE,
    top:0,
    left:0, 
    showVerticalScrollIndicator:true, 
    backgroundGradient : {
            type : 'linear',
            colors :  [
                {
                    color : '#e7e7e7',
                    position : 0.0
                },
                {
                    color : '#d8d8d8',
                    position : 1.0
                }
            ]
 
    },
    separatorColor : 'transparent'
},
"#activityIndicator":
{
    width:Ti.UI.FILL, 
    // left:0, 
    // top:'44dp', 
    // bottom:0
}

In my tableview I'm adding 2 rows with images and 20 rows more with info obtained from a web service, this rows contain images too, at the start. Every time the user clicks a load more view, 20 rows more are added with info obtained from the web service.

Each row I add is composed of different views, depending on the content received from the web service, the only constant being a view that looks like this:

<Alloy>
    <View id="ContainerView" class="container">
 
        <View id="GlobalWorkspace">
 
 
            <View id="Workspace">
 
                <View id="WorkspacePersonalInfo">
                    <View id="WorkspaceProfileImage">
                        <ImageView id="WorkspaceProfileImageView" image="/images/emptyPicture.png"></ImageView>
                    </View>
                    <View id="WorkspaceNameAndDateHolder">
                        <View id="WorkspaceNameTargetHolder">
                            <Label id="WorkspaceNameLastName"></Label>
                            <ImageView id="TargetImageView"></ImageView>
                            <Label id="WorkspaceTarget"></Label>
                        </View>
                        <Label id="WorkspaceDate"></Label>
                    </View>
                </View>
 
 
                <View id="WorkspaceContent"></View>
            </View>
 
        </View>
 
        <View id="WorkspaceDecorator"></View>
    </View>
</Alloy>

In the view WorkspaceContent more views are added depending if comments had been made or images had been attached to the entry.

The problem I'm having in Android is that the touch events on the views contained on the rows are blocked for some reason, I have known about the performance issues on Android when dealing with TableViews and after testing in several devices, that unless the element that has the touch event has finished rendering the user will be allowed to interact with the views with touch events. This is only a guess but I think is somehow accurate to my problem. Another problem I experience is the images contained in the table rows sometimes disappear while scrolling or interacting with other elements of the table.

I switched from using ScrollView mainly because the methods for adding elements to a table view are way more practical than the ones found in ScrollView (i.e. the ability to insert rows at an specified position and such behaviour not found in ScrollView). I tried List View but the implementation in Alloy is so confusing and the documentation isn't clear on how to change the contents dynamically using other Alloy views.

Is there a way to workaround these issues? How can I make the images to stop disappearing? How can I bypass this touch block?