문제

계정 작성이라는 비동기 처리가 있지만, 작성 중에는 사용자의 조작을 무효화하고 싶다.
다만, 조사해도 유저 조작을 무효로 하는 방법은 없는 것 같다.
그래서 ZStack을 사용하여 위에 View를 겹쳐서 해결할 수 없는지 검토했다.

해결 방법

아래의 코드와 같이, isBusy가 true일 때만 Color.white를 겹쳐 보았더니, 아래의 View를 조작할 수 없는 것을 확인할 수 있었으므로, 이것으로 좋을 것 같다.
만약, 보다 좋은 방법이 있으면 코멘트 받을 수 있으면 도움이 됩니다・・・.

ZStack{
    VStack{
        TextField("ユーザー名", text: $vm.userName)
            .autocapitalization(.none)
            .textFieldStyle(RoundedBorderTextFieldStyle())
        TextField("メールアドレス", text: $vm.emailAddress)
            .autocapitalization(.none)
            .textFieldStyle(RoundedBorderTextFieldStyle())
        SecureField("パスワード", text: $vm.password)
            .autocapitalization(.none)
            .textFieldStyle(RoundedBorderTextFieldStyle())
        SecureField("パスワード確認", text: $vm.passwordConfirm)
            .autocapitalization(.none)
            .textFieldStyle(RoundedBorderTextFieldStyle())
        if vm.validationText != "" {
            Text(vm.validationText)
                .foregroundColor(.red)
                .font(.footnote)
        }
        Button(
            action: {
                vm.createAccount()
            }
        ){
            Text("アカウント作成")
                .padding(4)
                .frame(maxWidth: .infinity)
                .foregroundColor(Color.white)
                .background(Color.gray)
                .cornerRadius(8)            
        }
    }
    .padding(.horizontal)

    if vm.isBusy {
        Color.white
            .opacity(0.7)
            .edgesIgnoringSafeArea(.all)
            .overlay(
                ProgressView("アカウント作成中...")
                    .foregroundColor(.black)
            )
    }
}