如何使导航栏图标 link 在 SwiftUI 中更容易按下？

Question

我使用以下代码在导航栏的后缘添加了一个 link：

bodyContent
    .navigationBarItems(trailing:
        NavigationLink(
            destination: InfoView()
        ) {
            Image(systemName: "info.circle")
        }
    )

此代码有效，但我发现由于可选区域较小，用户很难按下（在 iPhone X 上进行测试）。

使用视图调试器，我相信圆形图标内的这个小矩形是可选区域：

我怎样才能增加这个区域的大小，至少让它和圆形图标一样大？理想情况下，用户也可以在导航栏占据的垂直 space 范围内按图标上方和下方的任意位置。

Answer 1

只需添加填充

bodyContent
    .navigationBarItems(trailing:
        NavigationLink(
            destination: InfoView()
        ) {
            Image(systemName: "info.circle").padding() // << here !!
        }
    )

Answer 2

你也可以通过 .frame(宽度: 100, 高度: 100)

并且它在整个 space 中都是可点击的，尽管其他 UI 元素会像您的图标一样大小。

如何使导航栏图标 link 在 SwiftUI 中更容易按下？

How can I make a navbar icon link easier to press in SwiftUI?

ios

swiftui

swiftui-navigationlink