Why is my app so different on my device vs. the simulator? - ios

This what my app looks like running on the simulator (iPhone 8 Plus):
And this what it looks like running on my device (iPhone 7 Plus):
Why does it look like so much is missing from the app when I run it on my device? Also, a lot of the buttons/actions do not work. My data is sourced from Firestore and I am using Firebase for my app. The iOS Deployment Target is 14.4, which is accurate for my phone. I'm wondering if this could have something to do with my "Copy Bundle Resources" as this has caused me some issues in the past.
Any help/guidance on how I can troubleshoot this is much appreciated!

It Looks like your device is in dark mode. Please do changes in UI to support dark mode or you can use your app by disabling dark mode by referring this

Your device is in the dark theme whereas your simulator is in light theme,
You can assign it to work on a light theme by toggling the appearance as shown in the image below.

It seems like, You haven't provided the support for the Dark mode. To fix this issue, Either you have to give support for dark mode or disable dark mode by adding the below key in the info.plist file. It will fix your issue.
<key>UIUserInterfaceStyle</key>
<string>Light</string>

Thank you everyone for the answers. I did indeed have to disable dark mode. It looks like the key has changed to the following, as per this link: Is it possible to opt-out of dark mode on iOS 13?
<key> Appearance</key>
<string>Light</string>

Related

iOS App icon turns black in only iPhone 13pro and max. Does any one having that issue or any solution?

We using the same code and there is no any special code required for setting up app icon for iOS apps.
I found strange issue which the app icon show black in app store where that appear correct in the devices up to iPhone 13.
That appears black only from iPhone 13 and 13 max pro.
Off course we checked all the size and added all the size.
We not added app icon at appstore connect as now that grab from build.
We also not setting transparent app icon we are sure about it.
I am not sure that bugs from Apple side or is there anything required to setting up. Let me know if you have same issue and having any solution for it.
Thank you very much

iOS simulator colours going wrong

My iOS simulator colours are going haywire. It seems to be specially when drawing blurred background. I reinstalled Xcode, deleted all the simulators, and the Xcode preferences in the library and it still hasn't gone away.
Please see attached image. The colour behind the dock is not what is expected.
Any ideas
Thanks
Reza
Here is what it should look like.
The simulator with the issue was using iOS 14.3. I downloaded iOS 14.2 and the issue is now resolved. No warnings and no drawing issues.
Reza, this is a normal background for the iOS simulator. It is the default background. You can customize it by going to your Photos and selecting a new background.
I recommend changing the default background to something else when you are getting ready to take screenshots for posting to the App Store.
You mentioned issues with the blurred background. Can you include some examples of the issues there?

How to support support dark mode for existing swift app iOS?

I am using Xcode version 11.3.1 and we have not supported the dark mode feature in the latest build. while checking the dark mode in iOS13, all the texts are not visible. It’s working in light mode. But I need to support dark mode as well.
While checking in the dark mode issue, I found solution like below to set the light mode for entire app even if the user select the dark mode:
<key>UIUserInterfaceStyle</key>
<string>Light</string>
But some of them mentioned, if we set this UIUserInterfaceStyle in plist, it will not allow placing the submit the app to App Store.
My question is, I want to support dark mode and I want to submit the app into App Store as well.
or
I need to support only light mode and I want to submit the app into the app store as well.
Note: I am using the app delegate not using SwiftUI.
if you don't set UIUserInterfaceStyle on info.plist then the App automatically enables dark mode depends on the system. If the system runs with dark mode then the app will start with dark mode.
But to show all the texts or other things you have to use the system color as the background and also for texts. OR you can use a custom color for dark mode or light mode.
To make your app look the same in the dark mode as well and it does not hinder the existing UI of the app you can use this line of code in
info.plist <key>UIUserInterfaceStyle</key>
<string>Light</string>
In this way your app will only will support only the light mode.

iOS Simulator 13.2.2 wallpaper looks strange

Since I've switched to XCode 11 and iOS 13.2 suddenly my Simulator wallpaper looks a bit like there are only 16 Bit colors or too much contrast. Apps and Photos are looking normal, appears in light and dark mode, only the wallpaper. I've installed new XCode 11.2.1, resetted the Simulator, restarted my Mac multiple times. But all Simulators are looking the same (iPad, iPhones)
Did anyone experience the same?
Did I hit accidentally some settings (I 've tried to switch all available menu items like graphics quality etc.)
Click "Hardware" when simulator is selected and then click "erase all content and settings"
There is an option in Display and Text set in a simulator called "Smart Invert"
you can change it and wallpaper gets change.
Turns out the wallpaper on the iOS 13 appears dark because of the new dark mode feature that has been introduced in iOS 13 and iPadOS 13. The operating system makes the wallpaper dark or dims it in order to make the background image easier on the eye for users who are using the dark mode.
But still the question remains how to disable "Dark Appearance Dims Wallpaper", because simulator doesn't have wallpapers menu in settings

Application not covering the whole screen on IPad

I recently developed an application that was supposed to only run on iPhone but i could not find anywhere to make it not be usable for iPad users. So i thought i will try to fix the problem instead.
When running on iPad, the screen is not covered. It looks like this:
That is the bottom of the screen but its the same for the top.
I also added these images since i think i read somwhere that its needed. I used assset catalog creator:
What can i do to fix this problem? Also if you have any ideas on how to disable it for iPad users please write that also as it would be good to know that for future cases.
Thank you
Set the deployment target to universal fixed this issue for me
Target >> General >> Deployment Info >> Deployment Target
Choose "Universal"
Also if you have any ideas on how to disable it for iPad users
You cannot "disable it for iPad users". If your app runs on iPhone, it will run on iPad. It might run as an iPhone app in the iPad's "emulator" mode, but it will run, and you cannot prevent it.
The alternative is to make this a Universal app and have it run natively on the iPad.

Resources