Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

iOS: weird animation using createNativeStackNavigator

See original GitHub issue

Just updated to 2.0.0-alpha.3 and started to use createNativeStackNavigator, but somehow the animation is weird… next screens seem to be transparent:

bug

It should like this:

right

Any thoughts?

Thanks!

Issue Analytics

State:
Created 4 years ago
Reactions:2
Comments:7 (1 by maintainers)

Top GitHub Comments

1reaction

satya164commented, Oct 2, 2019

Setting background color fixes it, but there’s also a similar issue when using large title. The title area has a transparent background too and it doesn’t seem possible to set a background color for that.

0reactions

felippepuhlecommented, Jan 2, 2020

I’m closing this as it can be solved with

    defaultNavigationOptions: {
      cardStyle: {
        backgroundColor: '#fff',
      },
    },

Please note that I’m using ^2.0.0-alpha.22 version

Top Results From Across the Web

Native Stack Navigator | React Navigation

This navigator uses the native APIs UINavigationController on iOS and Fragment on Android so that navigation built with createNativeStackNavigator will ...

UINavigationController Push Segue - Strange animation

It appears that setting a different Prompt for the navigation bar on the second view controller causes this weird animation effect.

native-stack animation does not fade in from the bottom on ...

When using createNativeStackNavigator , the animation is strange on Android. Specifically, the animation scale from center(zoom-out-from-center) ...

Strange animation after change app icon - Apple Developer

During the process, there is an animation shows the icon change from the new one to the old one. My iPhone is under...

createStackNavigator - React Navigation - Netlify

card - Use the standard iOS and Android screen transitions. This is the default. ... These headers include animations to smoothly switch to...