在 Flatlist React native 中显示特定值

Question

我正在尝试从 flatlist 中的渲染方法显示特定值但是当我使用 {item.Name[0]} 它显示所有名称值的所有第一个字母但我想要整个名字。

 return (
    
    <View style={styles.container}>
    <FlatList 
      horizontal
      data={this.state.data}
      renderItem={({ item,index }) => (
        <View style={styles.card_template}  >
      
      <View style={styles.text_container}>
        <Text style={styles.card_title}>{item.Name[1]}</Text>
        <Text style={styles.card_subtitle}>{item.Phone} </Text>
      </View>
      
    </View>
      )}
    />
  </View>
    
   );
  }
}```

Answer 1

如果您遵循以下解决方案，我认为问题已解决：

<Text style={styles.card_title}>{item.Name}</Text>

那就试试吧。

Answer 2

在 markerClick 警报后执行此操作：

var temp = this.state.data.filter(x=> x.Name != marker.Name);  
temp.unshift(marker);  
this.setState({data:temp});

并且在渲染项目上使用 item.Name

您正在将所选标记移动到数组中的第一个位置，所选项目将始终在最前面

在 Flatlist React native 中显示特定值

Display specific value in Flatlist React native

arrays

render

react-native

react-native-flatlist