将图像数组一个放在另一个上面部分放在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以使其正常工作。