In terms of widget, I read that we should develop for the largest screen size and it will scale down automatically for the different screen sizes. https://developer.apple.com/design/human-interface-guidelines/ios/system-capabilities/widgets#adapting-to-different-screen-sizes
Unfortuately, that is not the case when I created the medium widget 360x169 pt for the largest screen size 414x896 pt using SwiftUI. All the widget text are using the system font with a specific text size ex. font(.system(size: 12 * size, weight: .bold, design: .rounded)) and added paddings in certain places ex. padding(.top, 5.0). When I launch the widget on a smaller screen device like iPhone SE, all the text, images, and paddings did not scale down automatically and everything bunched up together.
What do I need to do to make them scale down automatically without having to code all 5 medium widget screen sizes? If there isn't, what are the options? Thank you very much!
Unfortuately, that is not the case when I created the medium widget 360x169 pt for the largest screen size 414x896 pt using SwiftUI. All the widget text are using the system font with a specific text size ex. font(.system(size: 12 * size, weight: .bold, design: .rounded)) and added paddings in certain places ex. padding(.top, 5.0). When I launch the widget on a smaller screen device like iPhone SE, all the text, images, and paddings did not scale down automatically and everything bunched up together.
What do I need to do to make them scale down automatically without having to code all 5 medium widget screen sizes? If there isn't, what are the options? Thank you very much!
