WidgetKit - Link 带有文本和图像

Question

我正在尝试创建这样的东西：

这是我目前得到的：

Link(destination: URL(string: "xxxx")!) {
    Text("Lock")
        .foregroundColor(Color.white)
        .font(.caption)
        .padding(EdgeInsets(top: 10, leading: 10, bottom: 10, trailing: 10))
        .background(Color.gray)
        .cornerRadius(15)
}

我的形象：

但是如何在其中添加锁图像？

Answer 1

您可以使用系统映像

    HStack(spacing: 4){
        Image(systemName: "lock.open.fill")
        Text("Lock")
    }.foregroundColor(Color.white)
        .font(.caption)
        .padding(EdgeInsets(top: 10, leading: 10, bottom: 10, trailing: 10))
        .background(Color.gray)
        .cornerRadius(15)