2017-04-26 3 views
0

Ich benutze NativeBase für meinen Code.Mehrere Arrays in der dynamischen Liste

Hallo, ich frage mich, ob es eine Möglichkeit gibt, beim Erstellen einer dynamischen Liste durch mehr als ein Array zu iterieren?

z.B.

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

Könnte dies getan werden? Was ist die korrekte Syntax, weil das oben genannte nicht funktioniert! Jede Hilfe würde sehr geschätzt werden.

+0

Haben Sie versucht, DataArray = {[Artikel, Artikel2]} – CodAri

+0

Ja, tat ich. Das verwirrt den Inhalt, nicht genau was genau passiert. Hier ist der Code: Erstellt für zufällige Arrays. Anstatt "items2" in die Textnotiz einzufügen, wird das gesamte Array in der zweiten Elementliste generiert. Hier ist ein Link zum Screenshot: http://imgur.com/a/ZbchX – ludacris3399

+0

@ ludacris3399 Das Problem, mit dem Sie konfrontiert sind, wird in unserer GitHub-Liste hinzugefügt. Überprüfen Sie [hier] (https://github.com/GeekyAns/NativeBase/issues/875) für Updates –

Antwort

0

Die NativeBase-Liste verwendet die react-native ListView-Komponente, die Listen generiert. List dataArray prop wird mit cloneWithRows an ListView dataSource übergeben.

Sie können Ihre Elementarrays kombinieren, bevor diese an dataArray übergeben werden.

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

Also ich will 'data2' zu 'items2' korrelieren ... Nicht sicher, das ist was es tut. Wenn ich es enthalte, sieht es so aus: http: //imgur.com/a/7ZftW ... der Inhalt in meinen beiden Arrays: 'var items = ['Simon Mignolet', 'Nathaniel Clyne', 'Dejan Lovren ',' Mama Sakho ']; var items2 = ['Sub1', 'Sub2', 'Sub3', 'Sub4']; '. – ludacris3399

Verwandte Themen