react-native中如何使用FlatList渲染异构数据？

Question

我有两种类型的数据，一种是交易列表，另一种是用户的一些详细信息。因为这些是不同类型的数据。如何在同一个 FlatList 中渲染它们？

示例交易数据 = [{amount: 200, date: '2020-08=02', desc: 'bill'}, {amount: 200, date: '2020-08= 02'，描述：'bill'}]

示例用户数据 = {姓名：'John Doe'，性别：'Male'}

Answer 1

写render item函数来处理

const renderItem = ({item})=>{
  if(//checkIfType1){
    return(<Type1Component data={item} />)
  }
  return(<Type2Component data={item}/>)
}

并在 renderItem 属性中使用该函数

renderItem={renderItem}