难以点击 SwiftUI 导航栏项目中的按钮

Question

我有一个NavigationView带有Button导航栏项的 SwiftUI 。似乎只有当用户点击那个小Image. 我可以在不影响导航栏高度的情况下将可点击区域放大吗？

我尝试添加.frame到Image，但这使导航栏太大。

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationView {
            Text("Foo")
                .navigationBarTitle(Text("Title"), displayMode: .inline)
                .navigationBarItems(leading:
                    HStack {
                        Button(action: {
                            print("tapped")
                        }) {
                            Image(systemName: "info.circle")
                        }
                    })
            }
    }
}

Answer 1

（其中一个）以下修饰符可以提供帮助：

.imageScale(.large)

来自 SFSymbols 的图像具有三种尺寸：

• .small 使用内嵌文本时
• .medium 用作图标
• .large 用作导航栏或底部栏中的按钮

.padding()

在图像周围添加填充。填充也应该是可点击的。