SwiftUI中如何检查SingleMember实例的Amount非空并收集数据？

要解决这个问题，关键是让每个成员的输入值和自身数据绑定，由父视图统一管理这份关联数据，既保证输入独立，又能方便收集有效数据。

具体实现步骤 #

1. 创建关联数据模型 #

定义一个包装结构体，将MemberInfo和对应的amount绑定，确保每个成员拥有独立的输入值：

// 假设你的MemberInfo已遵循Identifiable，若没有则自己添加id属性
struct MemberWithAmount: Identifiable {
    var memberItem: MemberInfo
    var amount: String = ""
    // 复用MemberInfo的id作为唯一标识
    var id: UUID { memberItem.id }
}

2. 调整父视图的数据管理 #

父视图改用@State管理MemberWithAmount类型的数组，替换原有的memberInfo数组，同时传递绑定给子视图：

struct ParentView: View {
    @State private var memberList: [MemberWithAmount] = []
    
    // 初始化时将原始MemberInfo数据转换为带amount的模型
    init(memberInfo: [MemberInfo]) {
        _memberList = State(initialValue: memberInfo.map { MemberWithAmount(memberItem: $0) })
    }
    
    var body: some View {
        VStack {
            // 通过$member传递绑定，确保每个子视图的amount独立
            ForEach($memberList) { $member in
                SingleMember(memberItem: member.memberItem, amount: $member.amount)
            }
            
            // 示例：触发数据收集的按钮
            Button("提取非空数据") {
                // 过滤出amount不为空的项，提取id和amount
                let validItems = memberList.filter { !$0.amount.trimmingCharacters(in: .whitespaces).isEmpty }
                    .map { (id: $0.memberItem.id, amount: $0.amount) }
                // 这里处理收集到的有效数据，比如打印或提交
                print(validItems)
            }
        }
    }
}

3. 修改SingleMember视图 #

将原有的@State改为@Binding，接收父视图传递的绑定值，确保输入仅作用于当前成员：

struct SingleMember: View {
    var memberItem: MemberInfo
    @Binding var amount: String // 改用Binding关联父视图的对应数据
    
    var body: some View {
        VStack(alignment:.leading){
            Divider()
            HStack{
                Image("avatar")
                VStack(alignment:.leading){
                    Text("\(memberItem.firstName ?? "Unknown")")
                        .font(.custom("Ubuntu-Regular", size:15))
                    Text("\(memberItem.phoneNumber ?? "Unknown")")
                        .font(.custom("Ubuntu-Regular", size:12))
                        .foregroundColor(.gray)
                }
                Spacer()
                HStack{
                    TextField("Amount", text: $amount)
                        .frame(width:50)
                        .background(.clear)
                    Image(systemName: "square.and.pencil")
                }.font(.custom("Ubuntu-Regular", size: 12))
                    .foregroundColor(Color.gray)
          
            }
        }
    }
}

方案优势 #

• 每个MemberWithAmount实例持有独立的amount，通过绑定传递给子视图后，输入操作只会影响当前成员，不会出现同步更新的问题。
• 父视图统一管理数据源，随时可以通过过滤数组获取所有非空的id和amount，满足数据收集需求。

内容的提问来源于stack exchange，提问作者Luka Šalipur