Handle Arrays in reaktionsnative ohne listview

Question

Ich bin ziemlich neu zu react-native und ich habe es geschafft, eine Liste von Elementen mit ihrer Detailseite zu bekommen, aber ich habe keine Lösung gefunden, wie ich ein Array von Strings laden kann auf der Detailseite ohne eine listview

Ich habe eine Reihe von Bild-URLs, wie kann ich diese anzeigen? Ich vermisse den Punkt vielleicht, und ich bin zu viel konzentrierte sich auf ng-repeat in Angular

Was ich sehen will:

<View> 
<Text>{item.title}</Text> 
<Text>{item.description}</Text> 
<Image></Image> //image 1 
<Image></Image> //image 2 
<Image></Image> //image 3 
</View> 

Answer 1

können Sie über die Bilder Karte und speichern sie in einer Variablen, dann verwenden die Variable in der return-Anweisung:

const images = arrayOfImages.map((image, i) => { 
    return <Image 
      key={i} 
      source={{uri: image}} 
      style={styles.image} /> 
}) 

dann das Array wie folgt verwendet werden:

<View>{images}</View> 

Ich habe ein funktionierendes Beispiel here für mehr Kontext eingerichtet.

https://rnplay.org/apps/f6A5NQ