I'm using phonegap / cordova with AngularJS to create a mobile app.
I'm testing the application in chrome debugger and simular all iPhones 4-6 plus, the layout stretch itself automatically and everything looks good.
when i'm running the application on iPhone 6 i get 2 black strips at the bottom and at the top of the app and the application size is small and not covering the whole screen.
Did it happen to anyone? how did you solve it?
Attached example image.
Have a look at this:
Black bars showing when running app on iOS 7 (4 inch retina display)
This helped when I had this issue on iPhone 5, seems to solve iPhone 6 as well.
Related
I have an issue with the iPhone app. I have implemented one iPhone app (not universal). When I am creating the new project I have deleted the Launch Screen,Story board from the project and implemented the MainWindow.xib like in the old format. I have designed the xibs for iPhone 5. So in iPhone 5,6 and 6 plus everything is working fine. But When I run the iPhone app in the iPad the bottom part got cut off. If I design the xibs for iPhone 4, eventhough I added the Default-568h#2x.png it is not supporting for iPhone 5 but working well in iPad.For reference I have attached the screenshot . The screenshot for iPhone 5 screen. It is not scaling to iPhone 5 after adding the Default-568h#2x.png. Black color part width is 568-480=88 pixels.
So please guide me to handle the iPhone 4,5,6,6 plus and iPad.Thank you for spending the valuable time. Please let me know if I am not clear.
I am using xcode 8.0 and iOS 10.0
In our iOS App the suggestions bubbles get hidden behind the keyboard. How can I prevent that from happening?
This appears to be an Apple bug in iOS 9 for iPhone 6/6+ class phones running under iPhone 5 compatibility mode, i.e., there are no launch images or other indicators to iOS that the app supports the larger screens of the iPhone 6/6+ class of phones, so it runs the screen as if it were an iPhone 5 class phone, with main view 568 high. The fix or workaround is to add native iPhone 6/6+ support to your app by adding in launch images for each of those phone sizes. The problem will go away. At least it has in my cases.
I began a calculator app for the iPhone 5/5s using xCode v5 with storyboard. I've since upgraded to xCode 6 and have nearly completed the app. I tested the app on my iPhone 5, and on the iPhone 6 and 6 plus using the xCode simulators. The app fills the screen of my iPhone 5 and autoscales to completely fill the simulator screens for the 6 and 6 plus. Exactly what I wanted! However, when I added launch images to my project, the app no longer autoscales when running on the 6 and 6 plus simulators. I've followed Apple's recommendations for launch image sizes, and have tried dragging the launch images into my project and using an asset catalog. Both stop the app from autoscaling. What I'm currently seeing is a launch image that completely fills the screen of the iPhone 5/6/6 plus for approximately 1 second. Then the calculator appears, completely filling the screen of my iPhone 5, but remains that same size, filling only a portion of the iPhone 6 and 6 plus screens. I want the calculator app to completely fill the screens when running on the iPhone 5, 6 and 6 plus. Why does autoscaling stop when launch images are added and how do I continue to enable autoscaling after the launch images are added to my project? Thanks in advance for guidance.
Turkey day morning: I solved my problem! With great skepticism, I tried the solution linked below and it solved my problem. I added launch images (drag and drop). The calculator displays correctly on my iPhone 5, and also displays correctly when running on the iPhone 6 and 6 plus simulators. Don't understand why the linked solution below works, so it's something I'll just have to accept. My thanks to Matt Palmer for posting this on his blog:
http://matthewpalmer.net/blog/2014/09/10/iphone-6-plus-launch-image-adaptive-mode/
using a LaunchScreen.xib as LaunchScreen is 'cleaner', instead of generating 6 different images for a LaunchScreen Asset in the Media Catalog.
Don't forget to check 'Use as Launch Screen'
You should try this.
Disable Auto Layout and Size Classes.
and do this for all subViews in you XIB
I have two iPads that I'm developing on. One is an iPad air, the other is an iPad Retina 4th Gen. When I upgraded to iOS 8.1 on both, my web app was showing the status bar at the bottom. So I added the following code from iOS 8: web app status bar position and resizing problems:
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
This fixed the problem on my iPad Air. But the retina device was showing a black status bar. So, I tried this:
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
This fixed the issue on the retina device, but now my iPad air is showing a narrow black bar at the bottom of the screen (see images).
Why is there a difference between these devices, both on iOS 8? How do I find a solution for both? Do I detect the device model and add corresponding lines using if else? Is there a more elegant way?
Users are using iPad 4 right now, but could upgrade any time, causing a mix of Airs and 4s. So I need a solution that works on both. Also, this is a web app built on JavaScript and AngularJS + HTML5.
You need to remove and re-add your webapp to your home screen after setting the status bar to "black-translucent"
Currently I am having troubles with a project I am working on.
First of I have this bug. Where the splash screen on iOS 7 is black when I set a splash screen for iOS 7 devices. The tip which I found there (and which works) is to only set splash screens voor iOS 6 and it will fetch those for iOS 7.
However, when doing this the app launches as an 3.5" app on an 4" device on iOS7. (The splash screen is full size).
I have tried using the old methods to have splash screens (e.g with correct naming conventions) and not using the Image Catalogs, but this doesn't change anything.
What can I do to have and a working splash screen on iOS 7 devices and the correct launch size for those devices?
It might be worth noting that this is a Universal app.
Have you tried to use a new project and set all image sizes?
There could be a problem with your Info.plist after changing the splash images many times.