.searchable(text: $searchText, placement: .navigationBarDrawer(displayMode: .automatic), prompt: "Search")

.searchable(text: $searchText, placement: .navigationBarDrawer(displayMode: .automatic), prompt: "Search") is not hiding search appear.

NavigationStack{

        ZStack(alignment: .center){
            if viewModel.peopleArray.isEmpty{
                ProgressView()
                    .padding()
            }else{
                List{
                    
                }
                .padding(0)
                .scrollContentBackground(.hidden)
                .listStyle(.plain)
                .frame(maxHeight: .infinity)
                .tabViewStyle(.page(indexDisplayMode: .never))
            }
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .onAppear(perform: {
            self.nowStage = K.choosedStages
        })
        .onChange(of: K.choosedStages) { oldValue, newValue in
            self.nowStage = newValue
        }
        .toolbar(content: {
            if !sortedStages.isEmpty {
                ToolbarItem(placement: .topBarTrailing, content: {
                    Button(action: {self.showAddPersonView = true}){
                        Image(systemName: "person.badge.plus")
                            .foregroundStyle(Color(K.Colors.mainColor))
                    }
                })
            }
            if !filteredItems.isEmpty{
                ToolbarItem(placement: .topBarTrailing) {
                    EditButton()
                }
            }
            
            ToolbarItem(placement: .topBarLeading) {
                VStack(alignment: .center){
                    HStack(spacing: 0){
                        Button(action: {
                            withAnimation{
                                K.choosedStages = 0
                                self.currentTab = 0
                                self.nowStage = 0
                            }
                        }){
                            Text("App Stages")
                                .font(.system(size: 15))
                                .foregroundStyle(nowStage == 0 ? Color(K.Colors.blackAndWhite) : Color(K.Colors.lightGray).opacity(0.5))
                                .bold()
                                .padding(.vertical, 5)
                                .padding(.horizontal, 10)
                                .background(
                                    RoundedRectangle(cornerRadius: .infinity)
                                        .foregroundStyle(nowStage == 0 ? Color(K.Colors.mainColor) : Color.clear)
                                        .offset(x: nowStage == 0 ? 0 : 145)
                                    
                                )
                        }
                        Button(action: {
                            withAnimation{
                                K.choosedStages = 1
                                self.currentTab = 0
                                self.nowStage = 1
                            }
                        }){
                            Text("Your Stages")
                                .font(.system(size: 15))
                                .foregroundStyle(nowStage == 1 ? Color(K.Colors.mainColor) : Color(K.Colors.lightGray).opacity(0.5))
                                .bold()
                                .padding(.vertical, 5)
                                .padding(.horizontal, 10)
                                .background(
                                    RoundedRectangle(cornerRadius: .infinity)
                                        .stroke(nowStage == 1 ? Color(K.Colors.mainColor) : Color.clear, lineWidth: 2)
                                        .offset(x: nowStage == 1 ? 0 : -130)
                                    
                                )
                        }
                    }
                    
                }
                .onAppear(perform: {
                    nowStage = K.choosedStages
                })
            }
        })
    }

hi @molanter ,

can you please provide more information? what problem are you having? are you trying to apply the modifier and it's not working, or are you getting an error?

Hi, if I'm doing

List{

}
.searchable(text: $searchText,
                            placement: .navigationBarDrawer(displayMode: .automatic),
                            prompt: "Search")
 

Search hiding is working good, but I also need environment variable isSearching. isSearching is working just when you apply to View...

I need both things at one time. Thanks

.searchable(text: $searchText, placement: .navigationBarDrawer(displayMode: .automatic), prompt: "Search")
 
 
Q