Screen is frozen when visible = false @ bottomTabs

[v-x2]

🐛 Bug

I've a bottomTabs with three tabs, when pushing a new screen with bottomTabs option visible = false, the screen freezes for 4-10 seconds. If I switch back to visible = true, it works smoothly.

I've encountered this issue only on physical devices, not emulators.

To Reproduce

(Write your steps here:)

1. Use this Navigation Root:

export const AppNavigationRoot: LayoutRoot = {
    root: {
        bottomTabs: {
            id: 'HOME_LAYOUT',
            children: [
        {
            stack: {
                id: 'PROFILE_TAB',
                children: [
                    {
                        component: {
                            name: Screens.PersonalProfileScreen,

                        }
                    }
                ],
                options: {
                    bottomTab: {
                        icon: getBottomTabIcon('user'),
                        text:  t("Common.My_Profile"),
                    }
                }
            }
        },
        {
            stack: {
                id: 'SEARCH_TAB',
                children: [
                    {
                        component: {
                            name: Screens.SearchScreen,
                        }
                    }
                ],
                options: {
                    bottomTab: {
                        icon: getBottomTabIcon('travels'),
                        text: t("Common.Search")
                    }
                }
            }
        },
        {
            stack: {
                id: 'CHAT_TAB',
                children: [
                    {
                        component: {
                            id: 'CHAT_SCREEN',
                            name: Screens.ChatScreen,
                        }
                    }
                ],
                options: {
                    bottomTab: {
                        icon: getBottomTabIcon('chat'),
                        text: t("Common.Chat")
                    }
                }
            }
        }
    ]
        }
    }
};

2. Push another screen:

Navigation.push(componentId, {
            component: {
                name: Screens.Name,
                passProps: {},
                options: {
                   bottomTabs: {
                    visible: false,
                    drawBehind: true,
                },
                },
            },

        });

Your Environment

"react-native-navigation": "^7.30.1", "react-native": "0.70.6"

• Platform(s) (iOS, Android, or both?): iOS
• Device info (Simulator/Device? OS version? Debug/Release?): iOS 16.1 Real Device

Are you willing to resolve this issue by submitting a Pull Request?

• ✖️   Yes, I have the time, and I know how to start.
• ✅   Yes, I have the time, but I don't know how to start. I would need guidance.
• ✖️   No, I don’t have the time and I’m okay to wait for the community / maintainers to resolve this issue.

[burakakyol]

Is there any update about this issue ?

We're facing the same issue.

"react-native-navigation":"^7.26.3", "react-native":"0.71.12"

[can-sevin]

Hi all, Have you got any process on this issue? I have to fix as soon as possible. Also, my project has "react-native": "0.66.5", "react-native-navigation":"^7.26.3"

Thank you for your attention