iOS中SearchBar输入首个字符后键盘自动收起问题求助

核心问题原因 #

1. Section Header重建导致焦点丢失：你的SearchBar作为List的Section header存在，当首次输入字符触发searchText变化时，List会根据searchText.isEmpty切换Section内的内容（从展示books到searchResults），这会导致Section header被重新创建，原有的UISearchBar实例被销毁，键盘因此失去焦点自动收起。
2. 不必要的文本赋值干扰输入状态：SearchBar的updateUIView方法每次都会强制设置uiView.text = text，即使当前SearchBar的文本已经和绑定值一致，这会干扰SearchBar的原生输入流程，加剧焦点丢失问题。

解决方案 #

1. 修复SearchBar的updateUIView逻辑

修改SearchBar中的updateUIView方法，仅当绑定值与SearchBar当前文本不一致时才更新，避免干扰输入状态：

func updateUIView(_ uiView: UISearchBar, context: Context) {
    // 仅当绑定文本与SearchBar当前文本不同时才更新，防止打断输入
    if uiView.text != text {
        uiView.text = text
    }
}

2. 避免Section Header被重建

将SearchBar从Section header中移出，作为独立视图放在List上方，这样即使List内容切换，SearchBar的实例也不会被销毁：

// 替换原List代码为以下结构
VStack(spacing: 0) {
    SearchBar(text: $searchText, placeholder: "Search", onSearchButtonClicked: performSearch)
        .padding(.horizontal)
        .background(Color(red: 0.2, green: 0.2, blue: 0.2))
    
    List {
        Section {
            if searchText.isEmpty {
                ForEach(books) { book in
                    BookRow(book: book)
                        .onAppear {
                            if book == books.last && !isLoading {
                                isLoading = true
                                fetchBooks(query: selectedGenre)
                            }
                        }
                }
            } else {
                ForEach(searchResults) { book in
                    BookRow(book: book)
                        .onAppear {
                            if book == searchResults.last && !isLoading {
                                isLoading = true
                                searchBooks(query: searchText, startIndex: searchResults.count)
                            }
                        }
                }
            }
        }
    }
    .navigationBarTitle("Bookshelf")
    .background(Color(red: 0.2, green: 0.2, blue: 0.2))
    .listStyle(PlainListStyle())
    .onAppear {
        fetchBooks(query: selectedGenre)
    }
    .navigationBarItems(trailing:
                            Picker(selection: $selectedPickerIndex, label:
                                    Text(genres[selectedPickerIndex])) {
        ForEach(0 ..< genres.count, id: \.self) { index in
            Text(genres[index]).tag(index)
        }
    }
                        
        .onChange(of: selectedPickerIndex) { value in
            if value == 0 {
                selectedGenre = "Fantasy+Science+Fiction"
            } else {
                selectedGenre = genres[value].lowercased().replacingOccurrences(of: " ", with: "+")
            }
            books.removeAll()
            fetchBooks(query: selectedGenre)
        }
    )
}
.navigationViewStyle(StackNavigationViewStyle())
.overlay(
    Group {
        if isLoading {
            ProgressView()
        }
    }
)

额外验证 #

完成上述修改后，首次点击SearchBar输入字符时，SearchBar实例不会被销毁，键盘也会保持弹出状态，后续输入即可正常进行。

内容的提问来源于stack exchange，提问作者Joshua Butler