反应本地flatlist数据

我是新来的RN的几个阵列，需要一些帮助我有一个对象像反应本地flatlist数据

{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)

或者我应该更好地利用本土基地，但约2的值同样的问题，传递给列表项

来源

2017-08-02 nastassia

你要通过一个数组到数据属性，那么你可以这样做：

<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>

来源

2017-08-03 00:53:23

好的，但有可能传递2个数组？或者，如果Flatlist或ListView对我不起作用，在我的情况下哪种渲染方法更好用？ – nastassia

我想你是什么意思* 2数组*是关于*对象数组*。对于像这样的东西，这是完全正确的''{title：“title”，price：“price”，subtitle：“subtitle”}，{title：“title”，price：“price”，subtitle：“subtitle”}]'' 。只需将多个对象推入单个数组中，应该可以在FlatList中正常工作。 – Val

如果你有两个不同的数组，你需要从中获取信息，你需要将它们合并成一个数组，以便列表/列表视图工作 –

反应本地flatlist数据

回答

相关问题