SwiftUI中如何点击Login按钮打印FieldTextMyDesine视图的fieldtext值

嘿，这个问题在SwiftUI里很常见，本质是组件间的数据传递问题，我给你两种实用的解决方案，你可以根据你的项目复杂度来选：

方法一：用@Binding + 闭包（适合简单的父子组件场景） #

这种方式适合只有ContentView作为父容器，两个子视图不需要和其他组件共享数据的情况，代码轻量直接：

1. 先修改fieldtextmydesine视图，通过@Binding绑定父视图的状态变量，让输入文本实时同步：

struct fieldtextmydesine: View {
    // 用@Binding绑定父视图的状态
    @Binding var inputText: String
    
    var body: some View {
        TextField("请输入内容", text: $inputText)
            .padding()
            .border(Color.gray)
    }
}

2. 修改login视图，让它接受一个点击触发的闭包，把按钮的点击事件交给父视图处理：

struct login: View {
    // 定义闭包，用来传递点击事件
    var onLoginTapped: () -> Void
    
    var body: some View {
        Button("Login") {
            // 点击按钮时执行闭包
            onLoginTapped()
        }
        .padding()
        .background(Color.blue)
        .foregroundColor(.white)
        .cornerRadius(8)
    }
}

3. 在ContentView里组装视图，绑定状态变量并传递打印逻辑：

struct ContentView: View {
    // 用@State存储输入框的文本
    @State private var userInput = ""
    
    var body: some View {
        VStack(spacing: 20) {
            // 绑定状态变量到输入框视图
            fieldtextmydesine(inputText: $userInput)
            // 传递闭包，点击按钮时打印文本
            login(onLoginTapped: {
                print("输入框内容：\(userInput)")
            })
        }
        .padding()
    }
}

方法二：用ObservableObject做状态管理（适合复杂多组件场景） #

如果你的项目后续需要多个视图共享这个输入文本，或者有更多状态要管理，用ObservableObject会更灵活：

1. 先定义一个ViewModel类，用@Published标记需要监听的变量：

import Combine

class AppViewModel: ObservableObject {
    // @Published会自动通知视图更新
    @Published var inputText = ""
}

2. 在ContentView里初始化ViewModel（用@StateObject，iOS14+推荐）：

struct ContentView: View {
    // @StateObject用来持有ObservableObject实例
    @StateObject private var viewModel = AppViewModel()
    
    var body: some View {
        VStack(spacing: 20) {
            fieldtextmydesine(viewModel: viewModel)
            login(viewModel: viewModel)
        }
        .padding()
    }
}

3. 修改fieldtextmydesine视图，通过@ObservedObject绑定ViewModel：

struct fieldtextmydesine: View {
    @ObservedObject var viewModel: AppViewModel
    
    var body: some View {
        TextField("请输入内容", text: $viewModel.inputText)
            .padding()
            .border(Color.gray)
    }
}

4. 修改login视图，直接访问ViewModel的变量并打印：

struct login: View {
    @ObservedObject var viewModel: AppViewModel
    
    var body: some View {
        Button("Login") {
            // 直接读取ViewModel里的输入文本
            print("输入框内容：\(viewModel.inputText)")
        }
        .padding()
        .background(Color.blue)
        .foregroundColor(.white)
        .cornerRadius(8)
    }
}

两种方案的选择建议 #

• 如果只是简单的两个子视图和父视图交互，选方法一，代码更简洁；
• 如果后续有多个视图需要共享数据，或者状态逻辑越来越复杂，选方法二，扩展性更好。

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