react-native的ListView问题

Question

[
    {"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下的数据

Answer 1

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

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