使用多个数据数组对本机平面列表做出反应

我是 RN 新手，需要一些帮助 我有一个像

{title:"title",price:"price",subtitle:"subtitle"}

我想在 flatlist 中使用 2 个值，如下所示 -

<FlatList
        data={this.state.data}
        renderItem={({ item }) => (
          <ListItem
            title={`${item.name.first} ${item.name.last}`}
            subtitle={item.email}
         />
        )}

      />
    </List>

但在这个例子中没有显示数据结构，所以我很困惑我应该做什么。请帮我解决一下！ 最后（渲染）我需要一个 ListItem 这个视图 -

(title)  (price)

或者我应该更好地使用 native-base，但关于 2 值的相同问题，传递给列表项

您必须将数组传递到 data 属性中，然后您可以执行以下操作：

<FlatList
    data={this.state.data}
    renderItem={({ item }) => ( //this part will iterate over every item in the array and return a listItem
      <ListItem
        key={item.id}
        title={item.title}
        price={item.price}
     />
    )}

  />
</List>