时间戳

首页 > 解决方案 > FlatList 在 React Native 中没有显示任何内容

javascript - FlatList 在 React Native 中没有显示任何内容

问题描述

我确实有这种 JSON。我在我的 React Native 应用程序上得到它。

order:[
    {
    "id": "00005497",
    "order_number": "525522",
    "order_result_json": [
      {
        "key": "Номер",
        "value": "25263640253590"
      },
      {
        "key": "Ссылка на скачивание",
        "value": "https://play.google.com/store/"
      },
      {
        "key": "Ссылка на лицензию",
        "value": "https://google.com"
      }
    ]
}]

我可以看到数据来了： alert(JSON.stringify(order.orderResultJson)); 这表明阵列即将到来。

当我将它应用到我的 FlatList 时，它会显示空白空间，如果我向下滚动页面，它会无限滚动并显示空白内容。

我的 FlatList 实现：

<View style={{flex: 1, backgroundColor: 'green'}}>
     <FlatList
           data={order.orderResult}
           renderItem={({item}) => <Text>{item.value}+5</Text>} 
           keyExtractor={item => item.key} 
      />   
</View>

有什么建议么？

标签： javascriptjsonreactjsreact-nativereact-native-flatlist

解决方案

不只是笔误吗？

您的代码使用data={order.orderResult}，但您的 json 数据包含order_result_json，并且您的带有警报的调试代码使用orderResultJson

推荐阅读