Listview with alternating color in react native

后端 未结 4 845
一整个雨季
一整个雨季 2021-01-14 05:47

I have array of objects like the example below;

[{
        \"id\" : 13100,
        \"key\" : \"Emlak Vergisi\",
        \"y\" : 135638.98
    }, {
        \"         


        
4条回答
  •  时光取名叫无心
    2021-01-14 06:09

    I would say this approach is cleaner:

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

    This way you can easily add a specail color to each row in the list (not only by even/odd type)

提交回复
热议问题