難以點擊 SwiftUI 導航欄項目中的按鈕

Question

我有一個帶有Button的 SwiftUI NavigationView作為領先的導航欄項目。 似乎只有當用戶點擊那個小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()

在圖像周圍添加填充。 填充也應該是可點擊的。

Answer 2

試試這個

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").imageScale(.large) //Here is the change in image scale property
                        }
                    })
            }
    }
}

快樂編碼...