react-native-orientation-locker icon indicating copy to clipboard operation
react-native-orientation-locker copied to clipboard

There is white blank area when lockToLandscape

Open ghost opened this issue 6 years ago • 19 comments

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 avatar Nov 18 '19 07:11 ghost

Wait for response ...

ghost avatar Nov 24 '19 05:11 ghost

Have you figured it out yet?

romarybi avatar Dec 03 '19 22:12 romarybi

Any update ?

RenanLopes77 avatar Dec 05 '19 21:12 RenanLopes77

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

romarybi avatar Dec 06 '19 15:12 romarybi

Thank you, There is no header for me

ghost avatar Dec 08 '19 06:12 ghost

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

wj0990 avatar Jan 07 '20 15:01 wj0990

@romarybintsev Not that problem

wj0990 avatar Jan 07 '20 15:01 wj0990

@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,

wj0990 avatar Jan 07 '20 16:01 wj0990

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

osikes avatar Feb 26 '20 21:02 osikes

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

ghost avatar Feb 26 '20 21:02 ghost

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

EDIT: headerMode: 'screen', works

Meycon avatar Oct 22 '20 19:10 Meycon

same issue, but none of them works for me.

soyouwantme avatar Jan 11 '21 08:01 soyouwantme

same issue, but none of them works for me.

headerMode: 'none' works for me :P

soyouwantme avatar Jan 12 '21 03:01 soyouwantme

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.

maximilize avatar Jul 28 '22 12:07 maximilize

@maximilize any solution for this issues?

ghost avatar Aug 21 '22 21:08 ghost

@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.

maximilize avatar Sep 20 '22 09:09 maximilize