如何在SwiftUI中使导航栏图标链接更易于按下？

Question

我使用以下代码添加了一个指向导航栏尾部边缘的链接：

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

这段代码可以工作，但是我发现用户很难按(在iPhone X上测试)，因为有一个很小的可选区域。

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

​

​

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

Answer 1

只需添加填充

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

Answer 2

您也可以传递一个.frame(宽度: 100，高度: 100)

它将在整个空间中被点击，尽管其他UI元素的行为就像你的图标是那个大小一样。