如何在 SwiftUI 中创建图像按钮

Posted

技术标签:

【中文标题】如何在 SwiftUI 中创建图像按钮【英文标题】:How do I create an image button in SwiftUI 【发布时间】:2019-06-25 11:19:17 【问题描述】:

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

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() 

    

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

【问题讨论】:

【参考方案1】:

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

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

【讨论】:

以上是关于如何在 SwiftUI 中创建图像按钮的主要内容,如果未能解决你的问题,请参考以下文章

如何在 SwiftUI 中创建分段按钮?

如何在 swiftUI 中创建具有多列的列表?

如何在 SwiftUI 中符合 ButtonStyle 协议?

如何在 SwiftUI 中创建共享导航栏以在多个视图之间进行交互? [关闭]

如何在 Android Studio 中创建自定义图像按钮?

如何在 SwiftUI 中创建指数