如何在其他图像视图的角落添加系统图像

Question

我想知道如何在图像的一个角上添加图像系统。

我不知道该怎么做，如果有人能对此有所启发，那将是一种荣幸。

Answer 1

您需要一个带有主图像的 ZStack 和一个带有图标的按钮。您可以定义图像的对齐方式 - 在本例中.topTrailing：

struct LayeredImage: View {
    var body: some View {
        ZStack(alignment: .topTrailing) {
            Image("card")
                .resizable()
                .aspectRatio(contentMode: .fit)
                .padding(6.0)
            Button(action: { }) {
                Image(systemName: "ellipsis.circle.fill")
                    .foregroundColor(.gray)
                    .font(.largeTitle)
            }
        }   .padding()
    }
}