react-native - React Native 异构节列表

Question

有没有人有更详细的异构渲染示例
节列表？

<SectionList
  sections={[ // heterogeneous rendering between sections
      {data: [...], key: ..., renderItem: ...},
      {data: [...], key: ..., renderItem: ...},
      {data: [...], key: ..., renderItem: ...},
  ]}
/>

非常感谢帮助!

Answer 1

这是我如何能够为 SectionLists 实现异构呈现的示例片段

所以这就是我的 sectionsData数组看起来像
const sectionsData = {
key: 'On Air',
data: onAirShows,
renderItem: ({item}) => <View><Text>{item}</Text></View> //This is what you want this particular section to look like
},
{
key: 'Off Air',
data: offAirShows,
renderItem: this._renderOffAirItems //Same thing for here. You can define it as a helper method and call it here like so
}<SectionList
data={sectionsData}
/>

注意:onAirShows和 offAirShows是一个数组