SWIFTUIでフォームを作成する

SWIFTUIで開発されたプロジェクトでは,登録・登録部分のビュー開発を担当する.ログインインタフェースはTextField,Buttonを用いて簡単に開発されているが,会員入力フォームも同様に開発されているが,フォーム形式の場合,より開発しやすい方法が分かっている.

SWIFTUIでForm構造体を使用すると、上の画像のようにフォームフォーマットを自動的に調整し、フォームフォーマットを簡単に作成できます.まず上のイメージのようです.

ユーザー姓

ユーザ名

ニックネーム

生年月日

Eメール

パスワード

情報を含む変数を指定しましょう.
全てはForm構造体のコンテンツパラメータ内部でTextField,SecureField,DataPickerなどとして実現され,変数の値をリアルタイムで反映するために@State宣言とともに宣言される.

 // 회원정보
 @State private var firstName: String = ""
 @State private var lastName: String = ""
 @State private var nickName: String = ""
 @State private var birthDate: Date = Date()
 
 // 계정정보
 @State private var email: String = ""
 @State private var firstPwd: String = ""
 @State private var secondPwd: String = ""

キーワードはForm内でSectionキーで指定できます.Section(header:content:)を使用したいのですが、今後iOSバージョンでは使用されなくなります.でもSection(content:header:)ってパラメータの順番が違うだけですよね?何が違うのか分からない
いずれにしても、ヘッダーパラメータにはヘッダーに表示されるテキストが含まれ、コンテンツ変数にはフォームを構成する要素が含まれます.
各セクションをメンバー情報と勘定科目情報に分割し、

Form {
    
    Section(header: Text("회원정보")) {
        TextField("성", text: $firstName)
        TextField("이름", text: $lastName)
        TextField("닉네임", text: $nickName)
        DatePicker("생년월일", selection: $birthDate, displayedComponents: .date)
    }
    
    Section(header: Text("계정정보")) {
        TextField("이메일", text: $email)
        SecureField("패스워드", text: $firstPwd)
        SecureField("패스워드를 다시 입력하세요", text: $secondPwd)
    }

}

TextfieldまたはDataPickerでは、変数の値をバインドするために、変数の前に$の記号を付けることは、フォームを作成したい人にはわかるはずです.