javascript - 使用多个数据数组对 native 平面列表使用react

Question

我是 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 这个 View -

(title)  (price)

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

Answer 1

你必须将一个数组传递给数据属性，然后你可以这样做:

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