如何在 SwiftUI 中創建帶有圖像的按鈕？

Question

我使用以下代碼行在 SwiftUI 中創建了一個按鈕：

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

但marker圖像會自動變為藍色。

我想在按鈕中使用原始圖像。

這是原始的marker.png ：

但是 SwiftUI 將其更改為：

我記得我們在UIButton中有 tintColor 或類似的東西，但我在 SwiftUI 中找不到它。

Answer 1

轉到圖像並將渲染更改為“原始圖像”

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

用戶界面

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

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