反応ネイティブのスワイパータイルにカスタム要素を追加する

Question

私はプロジェクトにreact-native-deck-swiperを使用しています。私の質問は画像、カスタムhtml要素などのカスタムパラメータをタイルに追加する方法です。これらをカードアレイに追加する方法はありますか？

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

私はそうのようなカスタムパラメータに引っ張ることができるように、それを構造化する方法があります：

は、現在のカードの配列は次のように構成されている

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

を私は任意の助けに感謝を

Answer 1

Cardコンポーネントを作成し、そのデータを小道具として渡すことができます。

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} />} />;