SwiftUI中如何修改Searchable组件的搜索图标颜色？

默认情况下，.foregroundColor修饰符不会影响searchable的搜索图标颜色，你可以通过以下几种方式实现需求：

方法1：使用tint修饰符（iOS 15+） #

tint会统一控制搜索栏内图标、光标等元素的颜色，直接给searchable或父视图添加该修饰符即可：

@State private var searchText = ""

NavigationView {
    Text("Searching for \(searchText)")
        .searchable(text: $searchText, prompt: "Look for something")
        .tint(.red) // 此颜色会应用到搜索图标
        .navigationTitle("Searchable Example")
}

方法2：自定义搜索提示（Prompt） #

如果需要单独设置搜索图标颜色，不影响其他tint元素，可以自定义带图标的提示视图：

@State private var searchText = ""

NavigationView {
    Text("Searching for \(searchText)")
        .searchable(text: $searchText, prompt: {
            HStack(spacing: 8) {
                Image(systemName: "magnifyingglass")
                    .foregroundColor(.green) // 单独指定图标颜色
                Text("Look for something")
                    .foregroundColor(.secondary)
            }
        })
        .navigationTitle("Searchable Example")
}

方法3：全局设置（兼容iOS 14及更早） #

如果需要适配iOS 14或更早版本，可以通过UIKit的外观代理全局修改所有搜索栏的图标颜色，在App的初始化方法中添加：

UITextField.appearance(whenContainedInInstancesOf: [UISearchBar.self]).leftView?.tintColor = .systemRed

注意：此设置会影响App内所有搜索栏的图标颜色。

内容的提问来源于stack exchange，提问作者Md Tariqul Islam