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

Question

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

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

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

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

这是原始的marker.png：

但是SwiftUI将其更改为此：

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

Answer 1

您可以尝试以下方法：

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

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

Answer 2

SwiftUI

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

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

Answer 3

转到图像并将“渲染”更改为“原始图像”

Answer 4

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

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

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