Swift新手求助：移除NavigationLink自带的chevron.right图标

问题说明 #

我是Swift新手，正在开发第一个应用。界面上出现了两个chevron.right图标，其中一个尺寸较小且紧贴卡片边缘，但我只在代码里添加了这一处图标：

Image(systemName: "chevron.right")
    .foregroundColor(.gray)

我猜测另一个图标是NavigationLink的默认属性，想知道怎么把它移除？

附相关代码片段：

HStack(spacing: 16) {
    ZStack {
        Circle()
            .fill(mainColor.opacity(0.1))
            .frame(width: 50, height: 50)
        Image(systemName: "cube.box.fill")
            .foregroundColor(mainColor)
            .font(.title2)
    }
    
    VStack(alignment: .leading, spacing: 8) {
        Text(item.itemDescription)
            .font(.headline)
            .foregroundColor(.primary)
            .lineLimit(1)
        
        HStack {
            Label(item.brand.isEmpty ? "N/A" : item.brand, systemImage: "tag.fill")
                .font(.subheadline)
                .foregroundColor(.secondary)
                .lineLimit(1)
            
            Spacer()
            
            Label(item.conditionO.isEmpty ? "N/A" : item.conditionO, systemImage: "checkmark.circle.fill")
                .font(.subheadline)
                .foregroundColor(
                    item.conditionO.lowercased() == "new" ? .green :
                    item.conditionO.lowercased() == "used" ? .orange : .gray
                )
                .lineLimit(1)
        }
    }
    .padding(.leading, 8)
    
    Spacer()
    
    Image(systemName: "chevron.right")
        .foregroundColor(.gray)
}
.padding(.vertical, 12)

解决方案 #

你的猜测完全正确，那个额外的小箭头就是NavigationLink的默认内置图标。移除它有两种简单方法：

方法1：用plain导航链接样式（推荐） #

给你的NavigationLink添加.navigationLinkStyle(.plain)修饰符，就能直接去掉默认箭头，同时保留自定义的图标：

NavigationLink(destination: YourTargetView()) {
    // 这里放入你原来的整个HStack代码
    HStack(spacing: 16) {
        // ... 你的原有代码 ...
    }
    .padding(.vertical, 12)
}
.navigationLinkStyle(.plain)

方法2：使用Plain按钮样式 #

如果是旧版本SwiftUI（iOS 15及以下），可以用.buttonStyle(PlainButtonStyle())替代，效果一样：

NavigationLink(destination: YourTargetView()) {
    // 你的HStack代码
}
.buttonStyle(PlainButtonStyle())

注意事项 #

• 确保你的整个自定义HStack都被包裹在NavigationLink的闭包里，不要只嵌套部分内容
• 如果是在List中使用NavigationLink，这两种方法同样生效，能覆盖列表的默认链接样式

内容的提问来源于stack exchange，提问作者Brandon Ruben González Ramirez