react-native - React Native flatlist 条件渲染

Question

我有以下与 native react 的平面列表
项目。

key
姓名
类型

现在我还有以下用于渲染的 renderItem 函数
平面列表的元素。

 renderItem={({ item }) => (
     <View>
     <View style={styles.navBarLeftButton}>
     <Avatar
     medium
     rounded
     source={{uri:item.name}}
     activeOpacity={0.7}
    onPress={() => console.log(this.state.data)}
    />
  <Text style={styles.textbutton}>{item.type}</Text>
  <Text>{item.description}</Text>
  <Text>{item.request} <Emoji name={item.request} style={{fontSize: 15}} /> 
 <Emoji name="pray" style={{fontSize: 15}} /></Text>
 </View>
 </View>
  )}

我想根据 flatlist 的 item 键渲染不同的渲染函数
有没有我可以用 react native flatlist base 做条件渲染
关键？

Answer 1

renderItem Flatlist 的 prop 可以接受 2 个参数，第二个是索引，所以你可以做类似的事情

renderItem={({ item, index })=>{
    if(index = 0){
        //do something
    }
}}

然后只需放入 switch 或一些 if 语句，您就可以有条件地呈现。