如何在SwiftUI中创建图像按钮

时间:2019-06-25 11:19:17

标签: button imagebutton swiftui

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

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

这将正确创建图像:

Transactions Image

但是,当我尝试将其转换为图像按钮时,它仅显示蓝色:

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

    func showTransactions() {

    }
}

Blue Button

如何获取显示图像的按钮?

1 个答案:

答案 0 :(得分:4)

您必须通过添加以下属性来使用renderingMode修改图像:

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