ios – how am i able to help all of the display dimension of iphone utilizing swiftui


how am i able to help all of the display dimension of iphone utilizing swiftui
My software help the display of iphone 12 ,13 however i wish to additionally help iphone 8 , 6
that is an instance of view :
import SwiftUI

struct NewOfferStepOne: View {
    var gradient :[Color] = [Color("button01"),Color ("button02"),Color ("button03") ]
    @Setting(.presentationMode) var presentationMode: Binding<PresentationMode>
    @State var settle for = false
    @State var acceptt = false
    @State var showBanner:Bool = false
    @State var bannerData: InfoModifier.InfoData = InfoModifier.InfoData(title: "Notification Title", element: "Job title is Lacking ! ", kind: .data )
    var physique: some View {
        NavigationView {
         
            VStack{
                
                
                Spacer()
                HStack {
                    
                    Button(motion: {
                        self.presentationMode.wrappedValue.dismiss()
                        
                        
                    }, label: {
                 
                                
                                Picture("Icon ionic-ios-arrow-back")
                                    .offset(x: 1, y: 1)
                                
                                Textual content(" ")
                                    .font(.system(dimension: 23.0))
                                    .fontWeight(.daring)
                                    .foregroundColor(Colour.white)
                                    .multilineTextAlignment(.heart)
                                    .body(width:18.0, top: 28.0)
                                    .opacity(100.0)
                                
                        
                        
                    }
                    ).offset(x: 17, y: -80)
                    
                    
                    
                    Textual content("Put up a brand new supply")
                        .fontWeight(.heavy)
                        .body(width: 252.0, top: 36.0)
                        .font(.system(dimension: 30))
                        .padding(.trailing,127)
                        .offset(x: -10, y: -79.8)
                    Spacer()
                }
                
                
                
                
                Spacer()
                Textual content("Choose the kind of employment")
                    .fontWeight(.daring)
                    .foregroundColor(Colour("black3"))
                    .body(width: 338.0, top: 26.0)
                    .font(.system(dimension: 23))
                    .padding(.trailing , 50)
                    .offset(x: 4, y: -90)
                
                Spacer()
                HStack{
                    Button {
                        self.settle for.toggle()
                        self.showBanner = true
                        self.bannerData.kind = .data

                    } label:
                    {
                        VStack{
                            ZStack {
                            Picture("exam-timetable")
                                .body(width: 160.0, top: 160.0)
                                .opacity(100.0)
                                .background(self.settle for ? Colour("lightBlue") : Colour.white).cornerRadius(11)
                                .overlay(
                                    RoundedRectangle(cornerRadius: 11).stroke(Colour("grey2") ,lineWidth: 1))
                                Picture(self.settle for ? "settle for" : "microphone").offset(x: 53, y: -55)
                            }
                            Textual content("Full-Time")
                                .fontWeight(.daring)
                                .font(.system(dimension: 18))
                                .foregroundColor(settle for ? Colour("darkblue") : Colour("black2"))
                                .body(width:85, top: 21.0)
                            
                        }.padding(.main , 31)
                            .onChange(of: settle for, carry out: { V in
                                if settle for {
                                    self.acceptt = false
                                }
                                      
                           })
                        
                    }//label
                    Spacer()
                    Button {
                        self.acceptt.toggle()
                        
                    } label:
                    {
                        VStack{
                            ZStack {
                            Picture("time-management")
                                .body(width: 160.0, top: 160.0)
                                .opacity(100.0)
                                .background(self.acceptt ? Colour("lightBlue") : Colour.white).cornerRadius(11)
                                .overlay(
                                    RoundedRectangle(cornerRadius: 11).stroke(Colour("grey2") ,lineWidth: 1))
                            Picture(self.acceptt ? "settle for" : "marketing-growth").offset(x: 53, y: -55)
                            }
                            Textual content("Half-Time")
                                .fontWeight(.daring)
                                .font(.system(dimension: 18))
                                .foregroundColor(acceptt ? Colour("darkblue") : Colour("black2"))
                                .body(width: 90.0, top: 21.0)
                            
                            
                        } .padding(.trailing ,31 )
                            .onChange(of: acceptt, carry out: { V in
                                if acceptt {
                                    self.settle for = false
                                }
                                      
                           })
                    }//label
                    
                    
                }//hstack
                .offset(x: 1, y: -175)
                Spacer()
                
                
                Button(
                                motion: { self.presentationMode.wrappedValue.dismiss()
                    
                }, label: {
                    NavigationLink(vacation spot: NewOfferStepTwo().navigationBarTitle(Textual content("x")).navigationBarHidden(true)
                        .navigationBarBackButtonHidden(true)) {
                            HStack {
                                
                                Textual content("Subsequent")
                                    .font(.system(dimension: 23.0))
                                    .fontWeight(.daring)
                                    .foregroundColor(Colour.white)
                                    .multilineTextAlignment(.heart)
                                    .body(width: 332.0, top: 28.0)
                                    .opacity(100.0)
                                
                                Picture("Icon ionic-ios-arrow-forward")
                                    .offset(x: -30, y: 1)
                                
                                
                            }
                        }
                    
                        .body(width: 332.0, top: 54.0)
                        .background(.black)
                        .cornerRadius(15)
                    
                    
                }
                ).offset(x: 1, y: -80)
                
            
            }//vstack
            .navigationBarHidden(true)
            .banner(information: $bannerData, present: $showBanner)
            
        }
        .overlay(alignment: .prime, content material: {
            Colour.clear // Or any view or colour
        .background(.white) // I put clear right here as a result of I want to place a blur on this case. This modifier and the fabric it accommodates are optionally available.
        .edgesIgnoringSafeArea(.prime)
        .body(top: 0) // This may constrain the overlay to solely go above the highest secure space and never beneath.
    })
        //physique
    }
    }
}

i’ve a variety of UI that i suported solely on iphone 13, 12 that is why i want so as to add one thing that make me help all of the display sizes of iphones

Similar Posts

Leave a Reply

Your email address will not be published.