SwiftUI How To Set a View's Max-Width to Phone Size vs iPad Size

Question

I have a view that on an iPhone I want to take up the width of the entire screen. Which can easily be done with the code below. But, on an iPad I want the view's width to remain phone-sized vs expand to the edge of the device. Does anybody know how to do that?

struct ContentView: View{
   var body: some View{
       HStack{
          Text("Hello World")
       }
       .frame(minWidth:0,maxWidth: .infinity)
       .background(Color.red)
   }
}

EDIT: If anybody else finds this adding this line let me specify a size specifically for the iPad.

.frame(minWidth:0,maxWidth: UIDevice.current.userInterfaceIdiom == .pad ? 500 : .infinity)

Sorin Lica · Accepted Answer · 2019-10-23 19:12:08Z

2

set the frame depending of the device

switch UIDevice.current.userInterfaceIdiom {
    case .phone:
        // It's an iPhone
    case .pad:
        // It's an iPad
    case .unspecified:
        // Uh, oh! What could it be?
    }

answered Oct 23, 2019 at 19:12

Sorin Lica

7,84411 gold badges43 silver badges75 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Shaun Poore Over a year ago

Thanks! I added an if statement to the frame and it worked perfectly .frame(minWidth:0,maxWidth: UIDevice.current.userInterfaceIdiom == .pad ? 500 : .infinity)

Collectives™ on Stack Overflow

SwiftUI How To Set a View's Max-Width to Phone Size vs iPad Size

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related