SwiftUI Nested NavigationView navigationBar исчезает

У меня есть три представления, которые представляют собой списки. struct MainMenuView: View { @EnvironmentObject var dataModel: DM

var body: some View {

    return NavigationView{
        List {
            Matchup()
            GameSettings()
            EnteringGame()
        }
    }
}

Внутри Matchup()

struct Matchup: View {
@EnvironmentObject var dataModel: DM    

var body: some View {
    Section(header: Text("MATCH-UP")
        .fontWeight(.heavy)
        .foregroundColor(Color("TPLightGrey"))
    ) {
        NavigationLink(destination: TrendSingleSelect(
            title: .constant("TEAM"),
            col: .constant(self.dataModel.queryColumnTeam1),
            items: .constant(self.dataModel.team1Values) ,
            selection: self.$dataModel.team1ListValue
        )) {
            HStack {
                Text("TEAM")
                Spacer()
                if dataModel.team1ListValue.count == 0 {
                    Text("IS ANY").foregroundColor(Color("TPLightGrey"))
                } else {
                    Text( self.dataModel.team1ListValue.joined(separator: ", ")).foregroundColor(Color("TPOrange"))
                }
            }
        }


    }
    .listRowBackground(Color("TPDarkGrey"))
    .font(.system(size: 14))
    .navigationBarTitle("", displayMode: .inline)
    .navigationBarHidden(true)
}

}

Обратите внимание, что я скрываю панель навигации. Я хочу нажать навигатор, когда пользователь вкладывает строку. Вот окончательный вид:

var body: some View {

    return VStack  {

        List {
            ForEach(self.items, id: \.self) { item in
                SingleSelectionRow(title: item, isSelected: self.selection.contains(item)) {

                    if self.selection.contains(item) {
                        self.selection = []
                    }
                    else {
                        self.selection = [item]

                    }
                    self.queryCallback()
                }
                .listRowBackground(Color("TPDarkGrey"))
            }//ForEach
        }//list
            .font(.system(size: 14))
    }

    .navigationBarHidden(false)
    .navigationBarTitle(title)
    .navigationBarItems(trailing:
        Button(action: {
               // Actions
                self.reset()
           }, label: {
            Text("Clear")
            }
        )
    )

}

Что происходит: когда я нажимаю на продажу, я нажимаю в этом разделе. Однако, когда он нажимает, я вижу панель навигации, а затем она сворачивается. Однако, когда я затем нажимаю на что-нибудь в представлении, чтобы вызвать перезагрузку представления, оно появляется.

Что вызывает коллапс навигатора?

3 ответа

Попробуйте этот код в MatchupView:

struct Matchup: View {
@EnvironmentObject var dataModel: DM    

var body: some View {
NavigationView {            // attention hear************
    Section(header: Text("MATCH-UP")
        .fontWeight(.heavy)
        .foregroundColor(Color("TPLightGrey"))
    ) {
        NavigationLink(destination: TrendSingleSelect(
            title: .constant("TEAM"),
            col: .constant(self.dataModel.queryColumnTeam1),
            items: .constant(self.dataModel.team1Values) ,
            selection: self.$dataModel.team1ListValue
        )) {
            HStack {
                Text("TEAM")
                Spacer()
                if dataModel.team1ListValue.count == 0 {
                    Text("IS ANY").foregroundColor(Color("TPLightGrey"))
                } else {
                    Text( self.dataModel.team1ListValue.joined(separator: ", ")).foregroundColor(Color("TPOrange"))
                }
            }
        }


    }
    .listRowBackground(Color("TPDarkGrey"))
    .font(.system(size: 14))
}                // attention hear************
    .navigationBarTitle("", displayMode: .inline)
    .navigationBarHidden(true)
}

Я не смог скомпилировать ваш проект, поэтому предполагаю следующее решение:

Вы можете привязать navigationBarHidden к переменной, чтобы вы могли изменять значение при определенных условиях. Как это: .navigationBarHidden($onOff)

      struct ContentView: View {
    @State var onOff = false
    
    var body: some View {
        
        NavigationView {
            Button("Button") {
                self.onOff.toggle()
            }
            .navigationBarTitle(Text("Events"), displayMode: .inline)
            .navigationBarHidden($onOff.wrappedValue)
        }
        // that means only show one view at a time no matter what device I'm working
        .navigationViewStyle(StackNavigationViewStyle())
    }
}

Arrrgh... в этом не было необходимости: .navigationBarHidden(true) в MatchupView

Другие вопросы по тегам