zl程序教程

您现在的位置是:首页 >  其他

当前栏目

SwiftUI 经典组件之表单验证Form组件 干净简单可定制(教程含源码)

经典组件源码教程 简单 验证 表单 SwiftUI
2023-09-11 14:18:30 时间

实战需求

SwiftUI 经典组件之表单验证Form组件 干净简单可定制(教程含源码)

本文价值与收获

看完本文后,您将能够作出下面的界面

image.png


基础知识

  • 使用方法
import FormValidator

// 2
class FormInfo: ObservableObject {
  @Published var firstName: String = ""
  // 3
  lazy var form = {
    FormValidation(validationType: .immediate)
  }()
  // 4
  lazy var firstNameValidation: ValidationContainer = {
    $firstName.nonEmptyValidator(form: form, errorMessage: "First name is not valid")
  }()
}

struct ContentView: View {
  // 5
  @ObservedObject var formInfo = FormInfo()

  var body: some View {
    TextField("First Name", text: $formInfo.firstName)
            .validation(formInfo.firstNameValidation) // 6
  }
}
  1. 导入表单