我目前使用React Native的ListView来显示带有节标题的列表(renderSectionHeader): ListView dataSource={this.state.dataSource} renderRow={(rowData) = JobListDetail firstOccurrence={rowData} /} renderSectionHeader={(sectionData,
<ListView
dataSource={this.state.dataSource}
renderRow={(rowData) => <JobListDetail firstOccurrence={rowData} />}
renderSectionHeader={(sectionData, sectionId) => <ListSectionHeader sectionId={sectionId} />}
/>
dataSource包含一个对象Array,其中包含键中的section头,以及一个列表项数组,如此值
{
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的缺点?
理论上,NativeBase的List应该接受React Native的ListView支持的道具.可以使用itemHeader prop渲染节标题:
<ListItem itemHeader> <Text>ACTION</Text> </ListItem>
