New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

unwanted top & bottom black border iphone 5 #3698

Closed
nvcken opened this Issue Oct 26, 2015 · 16 comments

Comments

Projects
None yet
10 participants
@nvcken

nvcken commented Oct 26, 2015

I tried run on device iphone 5 with simple app by react-native init command.
I get welcome to React Native screen
But It seem screen scaled because existing top & bottom black border
What I do wrong here ?
Help

@nvcken

This comment has been minimized.

nvcken commented Oct 26, 2015

ios 7.1.1
Does it matter ?

@jaygarcia

This comment has been minimized.

Contributor

jaygarcia commented Oct 27, 2015

Screenshot?

@nvcken

This comment has been minimized.

nvcken commented Oct 27, 2015

_420764984778638_686049295_n

@ide

This comment has been minimized.

@nvcken

This comment has been minimized.

nvcken commented Oct 27, 2015

I tried add LauchImage to Images.xcassets
And checked iOS 7.0 and later : iphone Portrait.
But still not work.
What I miss ?

@nvcken

This comment has been minimized.

nvcken commented Oct 27, 2015

Figured out.
Thank you guys

@nvcken nvcken closed this Oct 27, 2015

@RoryCombe

This comment has been minimized.

RoryCombe commented Oct 29, 2015

@nvcken I have this same issue on an iPhone 4S with iOS 7 - what did you do in the end to fix it?

@nvcken

This comment has been minimized.

@unicornRainbows

This comment has been minimized.

unicornRainbows commented Nov 30, 2016

I also have the same issue.. Might be after an update to react-native... I feel like its a Xcode issue.
I am running on device and simulator for iPhone 5 and get the dimensions for height and width as 480 X 320 which is not correct, it should be 320 × 568...

Any ideas? :)

@unicornRainbows

This comment has been minimized.

unicornRainbows commented Nov 30, 2016

I solved the issue...

Delete all the launch images, and when prompted by xCode to auto create the launch image "Default-568h@2x.png" say yes and BOOM it works..

To adapt your app to the new taller screen, the first thing you do is to change the launch image to: Default-568h@2x.png. Its size should be 1136x640 (HxW). Yep, having the default image in the new screen size is the key to let your app take the whole of new iPhone 5's screen.

<3

@tiendq

This comment has been minimized.

tiendq commented May 22, 2017

@unicornRainbows how did you do it exactly? It doesn't work for me :(

@unicornRainbows

This comment has been minimized.

unicornRainbows commented May 22, 2017

@tiendq Remove all your launch screen assets, clean project, close Xcode, open it up again.. when you select the project and select iPhone5 simulator Xcode should prompt you to add in this image when you select the launch image asset drop down... Hope this helps.. this happened to me awhile back and was an Xcode related issue.

@fwchen

This comment has been minimized.

fwchen commented Jun 28, 2017

any one help? all not work for me. i am crazy

@luqmanrom

This comment has been minimized.

luqmanrom commented Aug 11, 2017

@fwchen

I had this issues and solved it with this way,

  1. Go to XCode, and General tab

  2. In App Icons and Launch Image sections,
    2.1. Click the dropdown Launch Image Source, and a pop up
    will come out, click Migrate
    2.2. Click the dropdown Launch Screen File, and select the very first one

  3. Go to Build Settings Type Targeted Device Family in search bar Select 1,2

I had this issues after updating assets for AppIcons and SplashScreen

Hope it helps!

@fwchen

This comment has been minimized.

fwchen commented Aug 11, 2017

@luqmanrom thank you. i fixed it. but i don't remember how 😂

@sfm2222

This comment has been minimized.

sfm2222 commented Feb 15, 2018

@luqmanrom I just did till step 2 and it worked for me. Can you explain why it's happening and how migrate fixes it?

@facebook facebook locked as resolved and limited conversation to collaborators Jul 21, 2018

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.