react-native之在 native react 中具有交替颜色的 ListView

lori 阅读:80 2025-06-02 22:19:02 评论:0

我有一系列对象,如下例所示;

[{ 
        "id" : 13100, 
        "key" : "Emlak Vergisi", 
        "y" : 135638.98 
    }, { 
        "id" : 13154, 
        "key" : "Çevre Temizlik ", 
        "y" : 956.17 
    }, { 
        "id" : 19998, 
        "key" : "Genel Tahakkuk", 
        "y" : 89030.62 
    }, { 
        "id" : 24998, 
        "key" : "Gecekondu ve So", 
        "y" : 42721.07 
    }, { 
        "id" : 60000, 
        "key" : "Ortak Gelirler", 
        "y" : 827.42 
    } 
] 

是否可以为每个项目使用交替颜色的 ListView ?

请您参考如下方法:

我会说这种方法更干净:

 renderRow(rowData, sectionID, rowID) { 
 
   let style = [ 
         styles.row,  
         {'backgroundColor': colors[rowID % colors.length]} 
       ]; 
 
   return (<View style={style}/>); 
 } 
 
 let colors = ['#123456', '#654321', '#fdecba', '#abcdef']; 
 
 let styles = StyleSheet.create({ 
       row: { 
            // .. rows style 
       } 
 }); 

通过这种方式,您可以轻松地为列表中的每一行添加特殊颜色(不仅是偶数/奇数类型)


标签:React
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

关注我们

一个IT知识分享的公众号