React Native中使用NativeBase ListView及分隔符

Question

我目前使用React Native的ListView来显示带有节标题（renderSectionHeader）的列表：

<ListView
  dataSource={this.state.dataSource}
  renderRow={(rowData) => <JobListDetail firstOccurrence={rowData} />}
  renderSectionHeader={(sectionData, sectionId) => <ListSectionHeader sectionId={sectionId} />}
/>

dataSource 包含一个对象数组，其中键为部分标题，值为列表项数组，如下所示。

{
  Section 1: [{firstName: 'A', lastName: 'B'}, {firstName: 'C', lastName: 'D'}],
  Section 2: [{firstName: 'E', lastName: 'F'}, {firstName: 'G', lastName: 'H'}]
}

我在想是否可以使用NativeBase的List组件来实现相同的功能（并具有更好的布局效果）。然而，我找不到关于如何传递部分标题的任何信息：

<List dataArray={items} renderRow={(data) =>
    <ListItem>
        <Text>{data}</Text>
    </ListItem>
} />

这是否可能？如果是，与使用React Native的ListView相比，有哪些缺点？

- migu

---

@migu，你解决了吗？ - Nick

这个问题已经被回答了吗？ - Rizal Sidik

Answer 1

在理论上，NativeBase的List应该接受React Native的ListView支持的props。

itemHeader prop来呈现：

<ListItem itemHeader>
  <Text>ACTION</Text>
</ListItem>

- mxmtsk

---

尝试过但失败了，它显示“粘性标题索引0超出范围（0,0）”。我不确定它是否能处理dataArray中的部分内容。 - migu