UPGRADE YOUR SKILLS: Learn advanced Swift and SwiftUI on Hacking with Swift+! >>

SOLVED: Is it possible to create a responsive modifier?

Forums > SwiftUI

Hi 👋,

When thinking about the layout, I am trying to increase a horizontal padding once I exceed a certain screen size, e.g. the iPhone 12 Mini.

Is that possible? (and also conform with the HIG?)

The following approach won't work:

struct DefaultPadding: ViewModifier{
    func body(content: Content) -> some View {
        if(UIScreen.screenWidth > 375.0){
            content
                .padding(.horizontal, 25)
        } else {
            content
                .padding(.horizontal, 15)
        } 
    }
}

2      

This doesn't work?

struct DefaultPadding: ViewModifier{
    func body(content: Content) -> some View {
        content
            .padding(.horizontal, UIScreen.screenWidth > 375.0 ? 25 : 15)
    }
}

2      

Thank you @roosterboy. It works your way.

2      

TAKE YOUR SKILLS TO THE NEXT LEVEL If you like Hacking with Swift, you'll love Hacking with Swift+ – it's my premium service where you can learn advanced Swift and SwiftUI, functional programming, algorithms, and more. Plus it comes with stacks of benefits, including monthly live streams, downloadable projects, a 20% discount on all books, and free gifts!

Find out more

Sponsor Hacking with Swift and reach the world's largest Swift community!

Archived topic

This topic has been closed due to inactivity, so you can't reply. Please create a new topic if you need to.

All interactions here are governed by our code of conduct.

 
Unknown user

You are not logged in

Log in or create account
 

Link copied to your pasteboard.