search

wonday / react-native-orientation-locker

A react-native module that can listen on orientation changing of device, get current orientation, lock to preferred orientation.
MIT License
758 stars 273 forks source link

There is white blank area when lockToLandscape #106

Open ghost opened 4 years ago

ghost commented 4 years ago

When I lockToLandscape a white blank space gets display which is not a good experience. And also how to make a smooth transition when orientation changes

ghost commented 4 years ago

Wait for response ...

romarybi commented 4 years ago

Have you figured it out yet?

RenanLopes77 commented 4 years ago

Any update ?

romarybi commented 4 years ago

I think I figured out the problem. It has to do with the header displaying for some reason after the orientation changes. Just add headerMode: 'none' to your stack navigator or to the specific screen where you call lockToLandscape

ghost commented 4 years ago

Thank you, There is no header for me

wj0990 commented 4 years ago

@muhammadwafa I also encountered this problem, did you solve it?

wj0990 commented 4 years ago

@romarybintsev Not that problem

wj0990 commented 4 years ago

@romarybintsev thank you for head navigation   Is caused by this head navigation of click and jump

Previous page SettingsScreen.navigationOptions = ({ navigation, ...other }) => { // const info = navigation.getParam('pageInfo') || {}; return { header: null,

osikes commented 4 years ago

headerMode: 'none' works. This could be closed I think.

ghost commented 4 years ago

I dont have any header, my header is null, and my app is without header

Meycon commented 4 years ago

Very strange, my Header is null and the white area continues ;/

EDIT: headerMode: 'screen', works

soyouwantme commented 3 years ago

same issue, but none of them works for me.

soyouwantme commented 3 years ago

same issue, but none of them works for me.

headerMode: 'none' works for me :P

maximilize commented 2 years ago

I don't think this issue is related to react-navigation, so headerMode: 'none' or 'screen' will not work.

This issue happens even when using just a single View and switching to landscape on devices with a camera notch in the screen.

ghost commented 2 years ago

@maximilize any solution for this issues?

maximilize commented 2 years ago

@manglesh-oodles With the lib https://www.npmjs.com/package/react-native-system-navigation-bar you have some more flexibility. We currently use both libs for our project.

7chenys commented 4 months ago

May I ask if this problem has been solved? Now I have also encountered this problem

7chenys commented 4 months ago

The above modification to HeaderMode: "none" doesn't work for me

7chenys commented 4 months ago

I don't think this issue is related to react-navigation, so headerMode: 'none' or 'screen' will not work.

This issue happens even when using just a single View and switching to landscape on devices with a camera notch in the screen.

That's what I was thinking. I had the same problem