为什么SwiftUI项目中TextField每输入一个字符就会激活NavigationLink？

• 核心原因是你当前使用的带isActive绑定的NavigationLink构造方式，在View重绘时会触发意外的跳转逻辑。你每次在TextField输入字符时，@State属性enteredIngredient更新，触发整个IngredientView的body重新渲染，此时你写在VStack中的NavigationLink会被重新构造：
  1. 你的NavigationLink的destination参数直接依赖enteredIngredient，每次输入都会生成新的destination实例，SwiftUI会将这个NavigationLink识别为全新的视图
  2. 旧版本SwiftUI（尤其是配合iOS 16+的NavigationStack使用旧API时）对这种动态生成的带isActive绑定的NavigationLink处理有bug，会在重新构造时自动读取isActive的绑定值，哪怕只输入一个字符也会触发跳转
• 次要问题是你把NavigationLink直接和输入控件放在同一个容器层级中，没有使用更稳定的跳转管理方式。

方案1：使用iOS 16+的navigationDestination API（推荐） #

这种方式把跳转目标的构造和触发逻辑分离，避免重绘导致的意外跳转：

struct IngredientView: View {
    @State var enteredIngredient: String = ""
    // 替换原来的Bool类型，用可选值存储要搜索的内容
    @State var navigationTarget: String?

    var body: some View {
        NavigationStack { // 确保外层是NavigationStack
            ZStack {
                Color(.systemTeal)
                    .edgesIgnoringSafeArea(.all)
                
                VStack(spacing: 5.0) {
                    Text("Please enter the ingredient you want to search for.")
                        .padding(50.0)
                        .foregroundColor(.white)
                        .font(.system(size: 20.0))
                    
                    TextField("Ingredient", text: $enteredIngredient)
                        .textFieldStyle(.roundedBorder)
                        .frame(width: 250.0, height: 60.0, alignment: .center)
                        .foregroundColor(.black)
                    
                    Button(action: {
                        if !enteredIngredient.isEmpty {
                            // 点击按钮时才设置跳转目标
                            navigationTarget = enteredIngredient
                        }
                    }, label: {
                        Text("Continue")
                            .foregroundColor(.white)
                            .font(.system(size: 25.0))
                            .padding()
                            .frame(width: 250.0)
                    })
                    .background(.blue)
                    .clipShape(RoundedRectangle(cornerRadius: 30.0))
                }
                .navigationTitle("Search by Ingredient")
                // 在这里统一处理跳转
                .navigationDestination(item: $navigationTarget) { target in
                    DetailsView(viewModel: ViewModel(urlString: "https://www.thecocktaildb.com/api/json/v1/1/search.php?i=\(target)", dataType: "Ingredients"))
                }
            }
        }
    }
}

方案2：兼容旧版本iOS，修复原有NavigationLink写法 #

如果需要支持iOS 15及以下的版本，你可以把NavigationLink移到VStack外面，或者用.id() modifier固定NavigationLink的身份，避免重绘时被重新识别：

struct IngredientView: View {
    @State var enteredIngredient: String = ""
    @State var ingredientIsEntered: Bool = false
    
    var body: some View {
        NavigationView { // 旧版本用NavigationView
            ZStack {
                Color(.systemTeal)
                    .edgesIgnoringSafeArea(.all)
                // 把NavigationLink移到ZStack的最外层，固定身份
                NavigationLink(destination: DetailsView(viewModel: ViewModel(urlString: "https://www.thecocktaildb.com/api/json/v1/1/search.php?i=\(enteredIngredient)", dataType: "Ingredients")), isActive: $ingredientIsEntered, label: {
                    EmptyView()
                })
                .id("fixedNavigationLink") // 用固定id避免重绘时被重新生成

                VStack(spacing: 5.0) {
                    Text("Please enter the ingredient you want to search for.")
                        .padding(50.0)
                        .foregroundColor(.white)
                        .font(.system(size: 20.0))
                    
                    TextField("Ingredient", text: $enteredIngredient)
                        .textFieldStyle(.roundedBorder)
                        .frame(width: 250.0, height: 60.0, alignment: .center)
                        .foregroundColor(.black)
                    
                    Button(action: {
                        if !enteredIngredient.isEmpty {
                            ingredientIsEntered = true
                        }
                    }, label: {
                        Text("Continue")
                            .foregroundColor(.white)
                            .font(.system(size: 25.0))
                            .padding()
                            .frame(width: 250.0)
                    })
                    .background(.blue)
                    .clipShape(RoundedRectangle(cornerRadius: 30.0))
                }
                .navigationTitle("Search by Ingredient")
            }
        }
    }
}

额外注意：跳转之后回到当前页面时，记得把对应的绑定值（navigationTarget或者ingredientIsEntered）重置为nil/false，避免后续再次进入页面时重复触发跳转。

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