动态列表中的多个数组答案

【问题标题】：Multiple Arrays in Dynamic List动态列表中的多个数组
【发布时间】：2017-04-26 20:20:54
【问题描述】：

我在我的代码中使用 NativeBase。

您好，我想知道在创建动态列表时是否有一种方法可以遍历多个数组？

例如

<Container>
  <Content>
     <List dataArray={items, items2} renderRow={(data,data2) =>
        <ListItem>
            <Text>{data}</Text>
            <Text note>{data2}</Text>
        </ListItem>
     } />
  </Content>
</Container>

可以这样做吗？什么是正确的语法，因为以上不起作用！任何帮助将不胜感激。

【问题讨论】：

你试过dataArray={[items, items2]}
是的，我做到了。这与内容混淆，不确定究竟会发生什么。这是代码：创建到随机数组。不是将“items2”放在文本注释中，而是将整个数组生成到第二个项目列表中。这是屏幕截图的链接：imgur.com/a/ZbchX
@ludacris3399 您面临的问题已添加到我们的 GitHub 问题列表中。检查here 以获取更新

标签： react-native native-base

【解决方案1】：

NativeBase List 正在使用 React-Native ListView 组件生成列表。 List dataArray 属性通过 cloneWithRows 传递给 ListView 数据源。

您可以在将项目数组传递给 dataArray 之前组合它们。

<List dataArray={ items.concat(items2) } renderRow={(data,data2) => .....

【讨论】：

所以我希望 'data2' 与 'items2' 相关联...不知道它在做什么。当我连接时，它是这样的：imgur.com/a/7ZftW... 我的两个数组中的内容：var items = ['Simon Mignolet','Nathaniel Clyne','Dejan Lovren','Mama Sakho']; var items2 = ['Sub1','Sub2','Sub3','Sub4'];。