SwiftUI中移除List内NavigationLink箭头并保留原有布局的方法

以下几种方法可以实现你要的效果，既保留原蓝色图标的外观，又具备NavigationLink的跳转功能：

方法1：自定义NavigationLink标签并隐藏默认样式 #

直接将原Button的内容作为NavigationLink的标签，同时移除默认箭头和高亮样式：

NavigationLink(destination: YourTargetView()) {
    // 这里放置你原来蓝色图标的内容，示例如下
    Image(systemName: "info.circle")
        .foregroundColor(.blue)
        .frame(width: 44, height: 44) // 保持和原Button一致的点击区域大小
}
.buttonStyle(PlainButtonStyle()) // 移除NavigationLink自带的点击高亮效果
.listRowInsets(EdgeInsets(top: 0, leading: 0, bottom: 0, trailing: 0)) // 可选：调整行内边距避免位置偏移

方法2：用Overlay添加透明NavigationLink #

保留原图标View的完全外观，通过叠加透明的NavigationLink实现跳转，完全避免样式干扰：

// 原蓝色图标View，和之前完全一致
Image(systemName: "info.circle")
    .foregroundColor(.blue)
    .frame(width: 44, height: 44)
    .overlay(
        NavigationLink(destination: YourTargetView()) {
            EmptyView()
        }
        .opacity(0) // 隐藏NavigationLink的默认样式
    )

方法3：结合NavigationDestination与Tap手势（iOS 16+） #

使用iOS 16新增的navigationDestination，通过手势触发跳转，完全自定义UI，无任何默认样式影响：

@State private var shouldNavigate = false

var body: some View {
    NavigationStack {
        List {
            HStack {
                Text("你的列表项内容")
                Spacer()
                // 原蓝色图标，点击触发跳转状态
                Image(systemName: "info.circle")
                    .foregroundColor(.blue)
                    .onTapGesture {
                        shouldNavigate = true
                    }
            }
            .navigationDestination(isPresented: $shouldNavigate) {
                YourTargetView() // 跳转目标视图
            }
        }
    }
}

根据你的布局复杂度选择合适的方法，方法2和3几乎可以完全还原原Button的外观和位置，不会出现布局偏移或多余箭头。

内容的提问来源于stack exchange，提问作者Luke C