我目前使用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
相比,有哪些缺点?