2017-08-02 106 views
0

我是新來的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的值同樣的問題,傳遞給列表項

回答

0

你要通過一個數組到數據屬性,那麼你可以這樣做:

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

好的,但有可能傳遞2個數組?或者,如果Flatlist或ListView對我不起作用,在我的情況下哪種渲染方法更好用? – nastassia

+0

我想你是什麼意思* 2數組*是關於*對象數組*。對於像這樣的東西,這是完全正確的''{title:「title」,price:「price」,subtitle:「subtitle」},{title:「title」,price:「price」,subtitle:「subtitle」}]'' 。只需將多個對象推入單個數組中,應該可以在FlatList中正常工作。 – Val

+0

如果你有兩個不同的數組,你需要從中獲取信息,你需要將它們合併成一個數組,以便列表/列表視圖工作 –