Appcelerator TableViewRow标题仅滚动后显示问题求助

我之前也碰到过类似的TableView渲染异常问题，结合你提供的代码来看，主要原因大概率是TableViewRow的高度未明确设置或者数据加载后UI没有及时触发重绘，下面给你几个针对性的解决方案：

1. 给TableViewRow设置明确的高度 #

在row.xml中为TableViewRow指定固定高度（比如移动端常用的44dp），因为默认情况下，当Row的内容是动态赋值时，系统可能在初始渲染时无法正确计算高度，导致Row被渲染成高度为0的不可见状态，滚动时才会重新计算高度并显示：

<Alloy>
    <TableViewRow id="rowView" onClick="edit" height="44dp"/>
</Alloy>

2. 数据加载完成后强制触发TableView刷新 #

在categoria.js中，设置完TableView的数据后，手动调用refresh()方法强制UI重绘，避免setData()方法因为异步或内部机制问题没有及时更新界面：

function getCategoria(){ 
    var rows = []; 
    net.categoriaGet(function(data){ 
        $.tblData.data = []; 
        if (data != null){ 
            for (var i=0; i < data.length; i++){ 
                var arg = { type:'categoria', title: data[i].Nome, id: data[i].CategoriaId }; 
                rows.push(Alloy.createController('row', arg).getView()); 
            } 
            $.tblData.setData(rows);
            // 强制刷新TableView
            $.tblData.refresh();
            Alloy.Globals.hideIndicator(); 
            rc.endRefreshing(); 
        } else { 
            Alloy.Globals.hideIndicator(); 
            rc.endRefreshing(); 
        } 
    }); 
}

3. 确保数据加载的时机正确 #

确认getCategoria()是在Window的open事件中调用的，避免在Window还未完成初始化时就加载数据，导致UI渲染异常：

// 在categoria.js的顶部添加
$.index.addEventListener('open', function() {
    // 可以在这里显示加载指示器
    Alloy.Globals.showIndicator();
    getCategoria();
});

4. 双重确认Row的title赋值 #

有时候通过Controller参数传递赋值可能存在延迟，建议在创建Row后手动再设置一次title，确保内容被正确绑定：

for (var i=0; i < data.length; i++){ 
    var arg = { type:'categoria', title: data[i].Nome, id: data[i].CategoriaId }; 
    var row = Alloy.createController('row', arg).getView();
    // 手动再次赋值title
    row.title = arg.title;
    rows.push(row); 
}

你可以先尝试第一个方案（设置Row高度），这是最常见的解决这类问题的方法，通常就能解决初始空白的问题。如果不行再依次尝试其他方案。

内容的提问来源于stack exchange，提问作者user3752705