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

Question

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

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

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

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

这是原创marker.png:

但 SwiftUI 将其更改为：

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

Answer 1

转到图像并更改渲染为 "Original Image"

Answer 2

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

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

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

Answer 3

你可以试试这个：

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

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

Answer 4

SwiftUI

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

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

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

How can I create a button with image in SwiftUI?

swift

swiftui