IPhoneごとにレイアウトのサイズを変更したい

Question

Swift初学者です。SwiftUIについてご質問があります。
iPhoneのデバイスの変更に対してレイアウトのサイズを変更したいです。
フレームサイズに対して可変を行いたいがやり方がわからず困っております。
知ってる方がおられましたらご教授お願いします。

import SwiftUI
import SwiftUI

struct ContentView: View {
    @State var inputEmail: String = ""
    @State var inputPassword: String = ""
    @State private var isLoginChecked = false
    
    var body: some View {
        
        ZStack{
            if(!isLoginChecked){
                
                VStack(alignment: .center, spacing: 12.0) {
                    Text("ログイン")
                        .font(.system(size: 48,
                                      weight: .heavy))
    
                    VStack(spacing: 30) {
                        TextField("ID", text: $inputEmail)
                            .textFieldStyle(RoundedBorderTextFieldStyle())
                            .frame(maxWidth: 280)
    
                        SecureField("Password", text: $inputPassword)
                            .textFieldStyle(RoundedBorderTextFieldStyle())
                            .frame(maxWidth: 280)
                    }
                    .frame(height: 200.0)
    
                    Button(action: {
                       print("Login処理")
                        self.isLoginChecked.toggle()
                    },
                    label: {
                        Text("Login")
                            .fontWeight(.medium)
                            .frame(minWidth: 160)
                            .foregroundColor(.white)
                            .padding(12)
                            .background(Color.accentColor)
                            .cornerRadius(8)
                    })
                }
            }
            else{
                LoginView()
            }
        }
    }
}

Answer 1

let screen: CGSize = UIScreen.main.bounds

これを使うと画面のサイズを取得できるので、

TextField("ID", text: $inputEmail)
    .textFieldStyle(RoundedBorderTextFieldStyle())
    .frame(maxWidth: screen.width - 30)

デバイスの横幅から差し引いたり、

TextField("ID", text: $inputEmail)
    .textFieldStyle(RoundedBorderTextFieldStyle())
    .frame(maxWidth: screen.width / 1.1)

画面の横幅 ÷ 1.1 として相対的にサイズを設定してみると良いのではないでしょうか。

Comments

[yasumo_]

困っていたので助かりました。
色々と試してみます。ありがとうございました。

[taichi_dm_]

????