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

SOLVED: How Do I Define Button Size Relative to Device Size?

Forums > SwiftUI
@iosPit  

I'd like to define a button's size (and other elements) relative to the width and height of the phone being used.

Right now, I am doing the following:

    var body: some View {
        Button("Button Message") {
            // Do an action
        }
        .frame(width: 300, height: 200 )
    }

As an example, what value could I use for width to make it 2/5ths of the width of the device in portrait mode?

2      

@roosterboy  HWS+

You can read the screen size:

var deviceWidth: CGFloat {
    UIScreen.main.bounds.width
}

var deviceHeight: CGFloat {
    UIScreen.main.bounds.height
}

and then calculate whatever you want from there.

2      

@NigelGee  HWS+

You might want to explore Understanding frames and coordinates inside GeometryReader which might help.

2      

@iosPit  

Thank you @roosterboy and @NigelGee! :D

2      

BUILD THE ULTIMATE PORTFOLIO APP Most Swift tutorials help you solve one specific problem, but in my Ultimate Portfolio App series I show you how to get all the best practices into a single app: architecture, testing, performance, accessibility, localization, project organization, and so much more, all while building a SwiftUI app that works on iOS, macOS and watchOS.

Get it on Hacking with Swift+

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.

Swift breaks down barriers between ideas and apps, and I want to break down barriers to learning it. I’m proud to make hundreds of tutorials that are free to access, and I’ll keep doing that whatever happens. But if that’s a mission that resonates with you, please support it by becoming a HWS+ member. It’ll bring you lots of benefits personally, but it also means you’ll directly help people all over the world to learn Swift by freeing me up to share more of my knowledge, passion, and experience for free! Become Hacking with Swift+ member.
Click here to visit the Hacking with Swift store >>
 
Unknown user

You are not logged in

Log in or create account
 

Link copied to your pasteboard.