首页 > 解决方案 > 如何使导航栏图标链接更容易在 SwiftUI 中按下?

问题描述

我使用以下代码添加了指向导航栏后沿的链接:

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

此代码有效,但是我发现由于可选区域很小,用户很难按下(在 iPhone X 上测试)。

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

信息图标

如何增加该区域的大小,至少使其与圆形图标一样大?理想情况下,用户也可以在导航栏占据的垂直空间内按下图标上方和下方的任何位置。

标签: iosswiftuiswiftui-navigationlink

解决方案


只需添加填充

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

推荐阅读