如何在SwiftUI中创建带有图像的按钮？

Question

我在SwiftUI中使用以下代码行创建了一个按钮：

Button(action: {
    print("button pressed")
}) {
    Image("marker")
}

但是marker图像会自动变为蓝色。

我想在按钮中使用原始图像。

这是原始的marker.png：

但是SwiftUI将其更改为：

我记得我们有tintColor或类似的东西，UIButton但是我在SwiftUI中找不到它

Answer 1

你可以试试这个：

var body: some View {
        Button(action: {
          print("button pressed")

        }) {
            Image("marker")
            .renderingMode(.original)
        }
    }

Answer 2

转到图像，然后将“渲染”更改为“原始图像”

Answer 3

以编程方式进行设置的另一种方法：

var body: some View {
        Button(action: {
          print("button pressed")

        }) {
            Image("marker")
            .renderingMode(Image.TemplateRenderingMode?.init(Image.TemplateRenderingMode.original))
        }
    }

Answer 4

用户界面

var body: some View {
      HStack {
           Image(uiImage: UIImage(named: "Login")!)
                .renderingMode(.original)
                .font(.title)
                .foregroundColor(.blue)

           Text("Login")
                .font(.title)
                .foregroundColor(.white)
      }
}