Экраны с вкладками выскакивают снизу

Question

Кто-нибудь знает, как исправить экраны с вкладками, скользящие снизу вверх?

Каждая вкладка экрана находится внутри своего стека навигатора:

export const Tabs = createBottomTabNavigator(
    {
        Home: {
            screen: HomeStack
        },
        Profile: {
            screen: ProfileStack
        }
    },
    {
        defaultNavigationOptions: ({ navigation }) => ({
            tabBarIcon: ({ focused }) => {
                const { routeName } = navigation.state;

                var tabImage = null;

                if (routeName == "Home") {
                    tabImage = require("../../../assets/icons/my-story.png");
                } else if (routeName == "Profile") {
                    tabImage = require("../../../assets/icons/my-plan.png");
                }

                return <Image source={tabImage} style={focused ? null : { opacity: 0.8 }} />;
            }
        }),
        animationEnabled: false
    }
);

И стеки настроены в соответствии с документами React Navigation:

export const HomeStack = createStackNavigator(
    {
        Home: Home
    }
);

Экраны выскакивают снизу после того, как они были загружены лениво. Когда они впервые загружены, они исчезают:

Answer 1

Для тех, кто столкнулся с этой проблемой, я исправил ее, установив React Native Screens

https://github.com/kmagiera/react-native-screens