React Native에서 부분적으로 다른 이미지 배열을 배치하십시오.

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

당신은 주위에 부정적인 marginLeft을 설정할 수 있습니다 -10 그 효과를 얻을 수 있습니다. marginLeft: -10

이 예제 rnplay.org/apps/LvdXgg를 따라 작업하십시오.