您应该将tint添加到导航堆栈/拆分视图，而不是searchable视图。
例如，在

@State var search = ""

var body: some View {
    NavigationStack {
        List {
            Text("Foo")
            Text("Bar")
        }
        .searchable(text: $search)
    }.tint(Color.red)
}

字符串
“取消”按钮将显示为红色。
或者，您也可以更改资源目录中的“AccentColor”颜色。这会更改所有未指定.tint(...)的视图的色调，包括搜索栏的“取消”按钮。
请注意，这也会更改导航栏中工具栏项的色调，但您可以通过向工具栏项添加自己的色调来轻松覆盖它。

.toolbar {
    ToolbarItem(placement: .navigation) {
        Button("Foo") { ... }
            .tint(Color.blue)
    }
}

型