当前位置 : 主页 > 网页制作 > React >

react-native – Listview与交替颜色反应原生

来源:互联网 收集:自由互联 发布时间:2021-06-15
我有一些对象,如下例所示; [{ "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" :
我有一些对象,如下例所示;

[{
        "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
    }
]

是否可以为每个项目设置一个带有交替颜色的列表视图?

我会说这种方法更清洁:

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
       }
 });

这样,您可以轻松地为列表中的每一行添加一个specail颜色(不仅是偶数/奇数类型)

网友评论