如何取消选择 NavigationLink 中的列表按钮答案

【问题标题】：How to deselect a list button within a NavigationLink如何取消选择 NavigationLink 中的列表按钮
【发布时间】：2021-02-25 23:39:02
【问题描述】：

我有一个列表，其中包含 NavigationLink 中的列表项之一，因为一旦点击它就需要移动到详细视图。当我从该详细视图返回时，列表按钮仍处于选中状态。在 SwiftUI 之前，我只是告诉 .isSelected 等于 false，但我不知道如何在 SwiftUI 中做到这一点？

List {
      NavigationLink(destination: SettingsStartdayView()){
          HStack {
             Text("Start Day Notification")
             Spacer()
             Text(startDayNotificationSetting)
                 .font(.subheadline)
                 .foregroundColor(Color.gray)
                 .multilineTextAlignment(.trailing)
          }
     }
}

Starting List View	After Detail View, Back

此视图正在通过以下方式加载到主应用程序的视图中：

NavigationView{
            TabView(selection: $isSelectedTab) {
                 SettingsView()
                   .tabItem{
                   }.tag(1)

这是一个公共项目，其中包含我正在处理的完整示例：https://gitlab.com/jammyman34/test-sounds-project

转到“设置”选项卡，然后单击顶部列表项以转到详细信息页面。请注意当您返回时单击的列表如何保持选中状态。除非您切换到另一个选项卡，否则它不会清除。

【问题讨论】：

你能显示完整的层次结构直到根NavigationView吗？
我编辑了描述，希望能回答您的问题。那是你问的吗@pawello2222
是的，但我认为在这种情况下这还不够。请提供Minimal, Reproducible Example。
@pawello2222 有帮助吗gitlab.com/jammyman34/test-sounds-project

标签： ios swiftui swiftui-list swiftui-navigationlink

【解决方案1】：

这里的问题是 Text 在 SettingsView 中位于 List 上方 - 报告了一个错误 here。

相反，您可以使用 native 导航标题并将其附加到 TabView。

struct SettingsHomeView: View {
    
    @State var startDayNotificationSetting: String = "8:30AM"
    @State var appVersion: String = "0.01"
    
    var body: some View {
        // no `Text` above `List`
        List {
            NavigationLink(destination: SettingsStartdayView()){
                HStack {
                    Text("Start Day Notification")
                    Spacer()
                    Text(startDayNotificationSetting)
                        .font(.subheadline)
                        .foregroundColor(Color.gray)
                        .multilineTextAlignment(.trailing)
                    //Image(systemName: "chevron.right")
                }
            }
        }
    }
}

struct ContentView: View {
    
    @State private var isSelectedTab = 1 // select the first tab
    
    var body: some View {
        NavigationView{
            TabView(selection: $isSelectedTab) {
                // ...
            }
            // control displaying the title depending on the `isSelectedTab`
            .navigationTitle("Settings")
            .navigationBarHidden(isSelectedTab == 1)
        }
    }
}

【讨论】：