Hinzufügen von benutzerdefinierten Elementen auf reagierenden nativen Swiper-Kacheln

Question

Ich benutze den React-native-Deck-Swiper für ein Projekt, meine Frage ist, wie ich benutzerdefinierte Parameter wie Bilder, benutzerdefinierte HTML-Elemente zu den Kacheln hinzufügen. Gibt es eine Möglichkeit, diese zum Karten-Array hinzuzufügen?

Derzeit ist das Karten-Array wie strukturiert:

cards: ["1","2","3"] 

Gibt es eine Möglichkeit, es so zu strukturieren, dass ich wie so in benutzerdefinierten Parametern ziehen können:

cards: [{name:"1", image:"imageurl", age:"43"},{name:"2", image:"imageurl", age:"22"}] 

schätzen ich Hilfe

Answer 1

Sie können eine Card Komponente erstellen und die Daten als Requisiten übergeben:

const Cards = [ 
    { name: "1", image: "imageurl", age: "43" }, 
    { name: "2", image: "imageurl", age: "22" }, 
]; 

const Card = props => 
    <View> 
    <Image source={props.image} /> 
    <Text> 
     {props.name}, {props.age} 
    </Text> 
    </View>; 

<DeckSwiper cards={Cards} renderCard={props => <Card {...props} />} />;