如何在 SwiftUI 中创建图像按钮

Question

我有以下代码来显示图像：

struct TransactionsButtonView : View {
    var body: some View {
        return VStack {
            Image("Transactions")
            Text("Transactions")
                .font(.footnote)
            }.padding(.horizontal)
    }
}

这会正确创建图像：

然而，当我尝试将其转换为图像按钮时，它只显示蓝色：

struct TransactionsButtonView : View {
    var body: some View {
        return VStack {
            Button(action: { self.showTransactions() }) {
                Image("Transactions")
            }
            Text("Transactions")
                .font(.footnote)
            }.padding(.horizontal)
    }

    func showTransactions() {

    }
}

如何让我的按钮显示图像？

Answer 1

您必须使用 renderingMode 修改您的图像，添加以下内容属性：

Image("Transactions").renderingMode(.original)

如何在 SwiftUI 中创建图像按钮

How do I create an image button in SwiftUI

button

imagebutton

swiftui