Black bars iPhone X above. How to get rid of? - ios

I'm having trouble with these strange black bars on the edges of iPhone X devices and higher. They will fade in and out weirdly with the camera and mess up my UI layout. Any suggestions for how to fix this? I am using the Unity game engine to create the game.
Video with demonstration linked below:
youtu.be/FFZe--izo_k

It could be because the animation is messing up the ui. Do you have any code that you think is related to that issue? If so, please edit your post with the code. Until then I can't help you. One other issue that might be that something is messing up the camera. Hope this helps in some way! :D

Related

react-navigation-fluid-transitions shared image flickers

I'm learning how to make beautiful animations with react native, and I have problems using the react-native-fluid-transitions library.
When I use shared elements with images, they flicker during transitions and only appear at the end of transition, does anyone had the same problem ? I didn't find someone with the same issue :/
Here's what it looks like :
And here's what it's supposed to look like :
The paper on the left transform perfectly, but the shoe blinks.
Here's the code (Not mine but exactly the same, even this one doesn't work) : https://snack.expo.io/#chrfalch/shoe-shop
And it's from this guide : https://medium.com/#christian.falch/react-native-animation-challenge-1-7022e48a226
Thanks for your help
Finally fixed it with Expo.Asset.fromModule(require('./assets/air-jordan-1.png')).downloadAsync();
Now it's looking beautiful :)

Fancybox not repositioning correct after orientation change on iPad

When rotating my iPad from portrait to landscape and back to portrait, the fancybox image gets a mysterious padding on the left. Plus, before changing rotations, I cannot scroll left or right, afterwards I can scroll to the left. Please refer to the images (observe the background!) for a better understanding.
What I already tried is to add the repositioning method of fancybox:
$(window).bind('orientationchange', function(event) {
$.fancybox.reposition();
});
Anyone has experienced this before or can guess where it might come from?
Any help would be greatly appreciated.
After attempting many things using jQuery mobile and calling various functions in Fancy Box, I figured out a very simple fix.
I've simply added the following parameter to my fancybox initializer :
autoCenter : true
You can find the documentation on this setting here: http://fancyapps.com/fancybox/#docs
Cannot guarantee that this will fix it for you but I hope so!
PS: This probably requires at least the 2.1.5 version of Fancy Box.

iOS: Capture FRONT Camera with Overlay View with Video Background

I'm new to the community =)
My question...
Is it possible to have an overlay screen of the front camera while having a full screen video background. Sorry if it sounds a bit confusing, it might be easier if you see the mock-up at this link.
Mock-up: Mock-up Link
Building for the iPhone using either Obj C or Xcode.
Any reference or guidance would be much appreciated.
Thanks
Robert

iOS 7 Custom UISegmented control has 1 pixel gap

I have a 1 pixel gap at the end of my UISegementedControl which only appears in iOS 7.
I am not sure why this is appearing or how to resolve it. I would greatly appreciate guidance on diagnosing and fixing the issue.
I would approach this by making a new project with just the UI control and whatever other elements are relevant, to see if you can replicate the problem without other code.
What does it look like in the storyboard editor? I assume manually increasing the width doesnt fix the issue?

How to set website to not rotate in ipad

I have a quick question... I have googled it but have found nothing that can help me. I have a website I am creating and I do not want it to rotate in an ipad. Is there anyway to achieve this? I just want it to stay horizontal. Thanks in advance for any direction to this problem.
I don't think there will be, the rotation is based in the iPad's iOS. Maybe notify the user to switch on the rotation lock?

Resources