イメージの配列を部分的に反復ネイティブに配置する

Question

以下の添付ファイルのように、イメージの配列を重ねて表示しようとしています。以下のコードでは、私はそれらを他の横に積み重ねることができますが、それらを重ねることはできません。助けをお待ちしています。

{array1.edges.map((u, i) => { 
    if (i > 5) return null; 
    return (
    <Image 
     source={{ uri: u.node.profilePhoto.url }} 
     resizeMode="cover" 
     key={i} 
     style={{ height: 20, width: 20, borderRadius: 10 }} 
    /> 
    ); 
} 
)} 

Answer 1

あなたは、その効果を得るために-10の周りに負marginLeftを設定することができます。 marginLeft: -10

この例では、rnplay.org/apps/LvdXggを実行して動作させています。