在按钮上单击添加图像到按钮

Question

我有一个带有背景图像和文本的按钮，当我单击按钮时，我想从按钮中删除文本并替换为图像。我陷入了如何在添加图像的操作中获取对按钮的引用的问题。

Button(action: {
  print("3 clicked")
  self.background(Image("cross100x100"))
  self.disableButton = true
}) {
  Text("Button text")
}
.disabled(disableButton)

上面的代码不起作用

Answer 1

当我单击按钮时，我想从按钮中删除文本，然后 替换为图片

我不确定为什么disableButton在这里，但是对于上面的方法，可能是这样的

@State private var clicked = false

...

Button(action: {
  self.clicked = true
}) {
  if self.clicked {
     Image("cross100x100")
  } else {
     Text("Button text")
  }
}