react-native的ListView问题

问题描述

问 题

[
    {"title" : "icon", "img" : "icon","moduleData":
        [{"title" : "哈哈哈", "img" : "测试"}]
    },
    {"title" : "icon", "img" : "icon","moduleData":
        [{"title" : "哈哈哈", "img" : "测试"}]
    },
    {"title" : "icon", "img" : "icon","moduleData":
        [{"title" : "哈哈哈", "img" : "测试"}]
    },
    {"title" : "icon", "img" : "icon","moduleData":
        [{"title" : "哈哈哈", "img" : "测试"}]
    }
]

ListView如何解析并渲染这种格式的并且取到moduleData下的数据

解决方案

先把这些数量构建成一个 ListViewSource 丢给 ListView，然后在 ListView 的 renderRow 绑定函数里面处理就行。

// 渲染每一行
renderRow (rowData, sectionID, rowID) {
  return <ModuleItem data={rowData.moduleData} />
}

这篇关于react-native的ListView问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！