iOS app looks weird when running on device - xamarin

So, I followed the short tutorial from the website on how to create a simple app an iOS, "Phoneword". Developing it and testing it all worked fine, until I tried it out on my physical iPhone 6S Plus. It compiles and installs just fine, but when opening it, it looks completely wrong.
This is how it looks inside of Visual Studio as iPhone 6
But on my physical device (or in iPhone 6 emulator)
Am I missing something?
Thanks, Krax

On Xamarin.iOS you can use Auto Layout to position your views on the screen. You can use Auto Layout with storyboards, XIBs or even in code. Whichever way you prefer. (You did not specify in your question)

Related

Xamarin.form wallpapers on Android and Ios

I developed an application with Xamarin.Form it works very well on Android and also on Ios simulators but to my surprise when I deploy the application on Ios equipment the rendering is no longer the same.
Below are the captures
IOS
Ios
Android
Android
Please help
As xamarin.form does the same rendering I expected the same design on Ios but the rendering is good on Ios simulators but not on Iphone X
I give you some suggestions:
You could try to restart vc, clear the project, delete the bin folders and the obj folders and rebuild it. And iOS simulator you choose should also be iPhoneX.
In Settings App of iPhoneX, you could choose Display & Brightness section. Try switching Appearance from Light to Dark or Dark to Light to see if it make changes.
Hope it works for you.
Ok thank you for your comments.
Here is the solution for displaying it
In the info.plist file you have to add this:
<key>UILaunchScreen</key>
<dict/>
To make the page take up the whole screen
Regarding the black background, it is necessary to take into account the two modes of Ligth and Black theme of Iphone in its application.

How to force an app to simulate in iPhone simulation using an iPad using Expo?

I'm currently using Expo to build an iPhone app.
I'm not supporting iPad and I have it so when it builds on iPad it runs in an iPhone Simulation.
The problem is I can't develop with Expo using this approach.
The app shows up as an iPad app, but this is not the mode being shipped to users.
According to this I might have some luck adding ios.supportsTablet to the app.json file and setting it to false but it didn't change anything.
Is there another configuration value I'm missing to force iPhone simulation mode on an iPad?
I'd rather not eject if I don't have to.
According to this, there currently isn't a way to live develop using "iPhone mode" on an iPad.
The Expo Client app can’t change its tablet support on the fly,
unfortunately, so it will always adapt your project to the iPad
viewport.
So, following the above forum here is how you get around it:
Run exp build:ios -t simulator
Open Simulator
Select Hardware/Device/iOs 11.x/iPad x generation
Unpack the generated build from the first command
You should have a file named yourApp.app
Drag that file into the iPad you are running in Simulator
It will install the app on the device and you can then view your creation
This is faster than doing a whole build cycle with TestFlight just to see your changes.
But it still leaves a bit to be desired.

Xcode simulator loaded something different from what's on storyboards

I was testing my app and I click on iPhone 6 simulator and out of the blue instead of what I have in storyboards, the simulators loads something different. It loads my app but the app I had months ago when certain buttons were missing and it lined up my app differently. Then when I closed the simulator turned it back on again, everything loaded like normally with the right app. This happened twice before as well.
Why would the simulator load something different from what's in the storyboards?
Try the following solutions:
clean your project: command + k
reset the simulator under the File-tab in the task bar while the simulator is open
open the simulator and delete the app from it like you would on an actual device. This will force-reinstall the application to your simulator and it will work again.
I don't really know why it does that but I guess that might have something to do with cache or something...

Xcode 6 simulator to device deformation

I updated to Xcode 6 recently and just started a new project. I made a project using storyboard and i was testing it in the simulator for the past days. Today i was testing the sound in the app and it wasn't working so i decided to try it on my iPod. This is what the app looks like in the simulator:
And now here is how it looks on my iPod:
I didn't use any constraints or anything. The only thing that could have messed it up IMO is the UIProgressView that i made bigger. I don't know if that could have deformed my project on device. Any suggestions to fix it?
ps: I was testing on the iphone 5 simulator and was using an ipod touch 5 to test on device.
Welp, i found the issue(s). The deformation was caused by Auto Layout being checked on. The black bars was solved here https://stackoverflow.com/a/25817683/3763526.

How to resize window and views when porting from iPhone to iPad?

I am porting my iPhone app to the iPad (I did a straight copy of the iPhone code, renamed it, and set the mainwindow.xib size to iPhone/iPod).
I don't see anything that will allow me to resize the newly renamed app to iPad. How do I do that?
Apparently it can't be easily done. I gave up and re-wrote the app.

Resources