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

Question

我确实有这样的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 时，它显示为空 space，如果我向下滚动页面，它将无限滚动，内容为空。

我的 FlatList 实现：

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

有什么建议吗？

Answer 1

不就是打错了吗？

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

Answer 2

order是一个数组，所以不能访问order.orderResult.

2 个解决方案：

使用 order 数组的第一项：order[0].orderResult
改变order对象的结构（为什么是数组？）

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

FlatList is not showing anything in React Native

javascript

json

reactjs

react-native

react-native-flatlist