Huge UI difference between Simulator and Real Device

Question

CoolMAK OP

Created 3w

Replies 1

Boosts 0

Participants 1

Hi everyone,

I’m testing our SwiftUI app on both Xcode simulator and a real iPhone. On the simulator, everything looks clean and aligned. But when I run it on an actual iPhone (same build, iOS 18), the layout looks broken—fonts overlap, spacing is off, and elements are misaligned.

Both screenshots are from the exact same screen and time. First is simulator, second is iPhone.

Any idea why this difference happens? Is there something I should check in terms of rendering or layout settings?

Thanks in advance! Screenshot 2025-07-23 at 6.25.36 PM.jpeg

Simulator Screenshot - iPhone 16 Pro Max - 2025-07-23 at 18.23.26.png

Answered by CoolMAK in 852928022

I figured out the what the issue is. I have enabled "Button Shapes" in Settings>Accessibility>Display & Text Size. This will enforce the shadows around buttons that cause this problem.

Boost

Answer 1

CoolMAK OP

6d

Accepted Answer

I figured out the what the issue is. I have enabled "Button Shapes" in Settings>Accessibility>Display & Text Size. This will enforce the shadows around buttons that cause this problem.

0