I want to resize an Image frame to be a square that takes the same width of the iPhone's screen and consequently the same value (screen width) for height.
The following code don't work cause it gives the image the same height of the view.
var body: some View {
Image("someImage")
.resizable()
.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity, alignment: .center)
.clipped()
}
You can create a UIScreen extension for the same. Like:
extension UIScreen{
static let screenWidth = UIScreen.main.bounds.size.width
static let screenHeight = UIScreen.main.bounds.size.height
static let screenSize = UIScreen.main.bounds.size
}
Usage:
UIScreen.screenWidth
.size isn't necessary on UIScreen.main.bounds, so you can use UIScreen.main.bounds.width/height directly, eliminimating one step and making the raw calls without the exception more viable.
UIScreen.main.bounds actually does update with orientation changes ("the value of this property may change when the device rotates"). nativeBounds is the one that does not.Try using Geometry Reader
let placeholder = UIImage(systemName: "photo")! // SF Symbols
struct ContentView: View {
var body: some View {
GeometryReader { geometry in
Image(uiImage: placeholder)
.resizable()
.frame(width: geometry.size.width, height: geometry.size.width, alignment: .center)
// .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity, alignment: .center)
.clipped()
}
}
}
I've come up with a solution using Environment Keys, by creating the following:
private struct MainWindowSizeKey: EnvironmentKey {
static let defaultValue: CGSize = .zero
}
extension EnvironmentValues {
var mainWindowSize: CGSize {
get { self[MainWindowSizeKey.self] }
set { self[MainWindowSizeKey.self] = newValue }
}
}
Then by reading the size from where the window is created:
var body: some Scene {
WindowGroup {
GeometryReader { proxy in
ContentView()
.environment(\.mainWindowSize, proxy.size)
}
}
}
Finally I can directly get the window size in any SwiftUI view, and it changes dynamically (on device rotation or window resizing on macOS):
@Environment(\.mainWindowSize) var mainWindowSize
@Environment(\.mainWindowSize) var mainWindowSize into my views and trying to call Text("\(mainWindowSize.width)") for example just always shows 0.00000. I'm missing somerthing? iOS 16.4 / Xcode 14.3
View with GeometryReader? Also SwiftUI sometimes does not pass Environment variables when you're within a .sheet() modifier for example so this might be why you're getting the default 0 value (in this case you have to pass it again to the contained View with .environment(\.mainWindowSize, main), having @Environment(\.mainWindowSize) var mainWindowSize defined in the parent View).
You can use UIScreen.main.bounds .width or .height
.frame(
width:UIScreen.main.bounds.width,
height:UIScreen.main.bounds.height
)
let hardwareScreenSize = UIScreen.main.bounds.size works just fine in SwiftUI.
UIScreen.main.bounds actually does update with orientation changes ("the value of this property may change when the device rotates"). nativeBounds is the one that does not.The simplest way would be to make the image resizable and set the aspect ratio to 1.0:
var body: some View {
Image("someImage")
.resizable()
.aspectRatio(1.0, contentMode: .fit)
}
Well, I fix it by apply GeometryReader to get the screen width and use it.
var body: some View {
GeometryReader { proxy in
ScrollView(.horizontal, showsIndicators: false) {
HStack(spacing: 20) {
ForEach(Array(zip(tabBarOptions.indices, tabBarOptions)),
id: \.0,
content: {
index, name in
TabBarItem(currentTab: $currentTab,
namespace: namespace,
tabBarItemName: name,
tab: index)
})
}
.padding(.horizontal)
.frame(width: proxy.size.width)
// .border(.red, width: 4)
}
.frame(maxWidth: .infinity)
.frame(height: 80)
// .border(.green, width: 2)
.ignoresSafeArea(.all)
}
}
Image. (And yes, there are two fairly simple ways to get the screen width, but I don't think they will solve your problem.) Have you tried adding this modifier?.aspectRatio(contentMode: .fit)SwiftUIways of doing this (and didn't downvote the answer from @MehmetAliVataniar even though it makes some serious non-SwiftUI assumptions. The second way - found in the following question, uses subclassingUIHostingControllerand may get you much more things you can do: stackoverflow.com/questions/57441654/…