Javascript 我不知道如何使ListView正常工作

我试图在React Native中呈现一个列表，但是，没有显示任何内容。我在渲染之前也记录了列表，它显示数据字段正在填充，但没有显示任何内容

我之所以要使用ListView而不是当前使用的方法，是因为我从文档中了解到ListView具有更好的属性和性能

---

谢谢大家!

尝试在renderItem中正确分解项目。我的意思是：

  <FlatList 
    data={this.state.users}
    renderItem={({item}) => {
      return (
        <View>
          <Image source={{uri: item.image}} style={{width: 150, height: 150}} />
          <Text>{item.login}</Text>
        </View>
      )
    }}
    keyExtractor={(user) => user.id}
  />

就这样说吧

  <FlatList 
    data={this.state.users}
    renderItem={({item}) => this.renderItem(item)}
    keyExtractor={(user) => user.id}
  />

this.renderItem（项目）}
keyExtractor={（用户）=>user.id}
/>

---

请参阅更多信息，您需要从平面列表中的数据属性中提取项属性

<FlatList 
    data={this.state.users}
    renderItem={({item}) => {
    return (
      <View>
        <Image source={{uri: item.image}} style={{width: 150, height: 150}} />
        <Text>{item.login}</Text>
      </View>
    )
  }}
  keyExtractor={(user) => user.id}
/>

{
返回(
{item.login}
)
}}
keyExtractor={（用户）=>user.id}
/>

注意renderItem回调中的{item}

另一个例子

{
返回(
{data.item.login}
)
}}
keyExtractor={（用户）=>user.id}
/>

Milore，感谢您的深入回复。你建议的两种方法我都试过了，但都没有效果。这是我之前尝试过的方法，直到我发现了我帖子中的映射方法。我需要先画出数据中的数组吗？嗯，我确信花括号会有用。。。“映射数据中的数组”是什么意思？因为我的用户数组是一个对象数组。使用我使用的有效方法，该数组被映射，然后被使用。但是，在数据标记中，它只是尝试使用对象数组。我不确定。我已经尝试让ListView工作了一段时间，但它似乎不起作用。但是当我使用“this.state.users.map（user）”方法时，它会显示数据，因此我知道数据在那里，但它没有正确显示。你能尝试在我编写的第一个方法的renderItem属性中放置一个console.log（项）吗？我发现了问题。我最后添加了extraData属性。我相信这可以解决这个问题，因为数据在渲染之前是异步加载的，所以在加载数据之后不会重新渲染。谢谢你的帮助！

<FlatList 
    data={this.state.users}
    renderItem={({item}) => {
    return (
      <View>
        <Image source={{uri: item.image}} style={{width: 150, height: 150}} />
        <Text>{item.login}</Text>
      </View>
    )
  }}
  keyExtractor={(user) => user.id}
/>

<FlatList 
    data={this.state.users}
    renderItem={(data) => {
    return (
      <View>
        <Image source={{uri: data.item.image}} style={{width: 150, height: 150}} />
        <Text>{data.item.login}</Text>
      </View>
    )
  }}
  keyExtractor={(user) => user.id}
/>