Swift UIで端末によってサイズが異なってしまいます。どうすれば良いでしょうか？

Question

①

②

③

③のコードです。

import SwiftUI

struct InsertLoginView: View {
    
    @State private var email = ""
    @State private var password = ""
    
    var body: some View {
        VStack(alignment: .center, spacing: 16 ){
        TextField("Email", text: self.$email)
            .padding()
            .background(Color("LightGrayColor"))
            .cornerRadius(20.0)
        TextField("Password", text: self.$password)
            .padding()
            .background(Color("LightGrayColor"))
            .cornerRadius(20.0)
        Button("Sign In") {}
            .font(.headline)
            .foregroundColor(.white)
            .padding()
            .frame(width: 300, height: 50)
            .background(Color("SecondaryColor"))
            .cornerRadius(15.0)
            
            
        }
        
    }
}

struct InsertLoginView_Previews: PreviewProvider {
    static var previews: some View {
        InsertLoginView()
    }
}

④

④のコードです。

import SwiftUI

struct LoginView: View {
    var body: some View {
        VStack {
            Text("Welcom to Food App")
                .font(.largeTitle)
                .fontWeight(.bold)
                .padding()
        }
    }
}

struct LoginView_Previews: PreviewProvider {
    static var previews: some View {
        LoginView()
    }
}

＜全体のコード＞

import SwiftUI

struct LoginViewControll: View {
    var body: some View {
        VStack (alignment: .center, spacing: 16){
            LoginView()
                .padding()
            Spacer()
            Image(uiImage: #imageLiteral(resourceName: "cloud-4273197_1280"))
                .resizable()
                .frame(width: 300.0, height: 300.0, alignment: .leading)
                .cornerRadius(18.0)
                .padding()
                .shadow(radius: 10)
            Spacer()
            InsertLoginView()
        }
        .padding()
    }
    
}


struct LoginViewControll_Previews: PreviewProvider {
    static var previews: some View {
        LoginViewControll()
    }
}

Comments

[hoshi-takanori]

どうすればというより、いろんな画面サイズや、キーボードの状態に応じて、どうしたいかでしょうね…。

[Shion_1345]

いろんな画面サイズや、キーボードの状態に応じて表示される比率を同じようにしたいです。