0

I have succeeded in hiding the navigation tab bar on certain screens.

useLayoutEffect(() => {
    const routeName = getFocusedRouteNameFromRoute(route);
    if (routeName === 'memberModify') {
      navigation.setOptions({
        tabBarStyle: {display: 'none'},
      });
    }

    return () => {
      navigation.setOptions({tabBarStyle: {display: 'flex'}});
    };
  }, [navigation, route]);

However, there is a delay when the tab bar is drawn when returning to the home screen.

mypage(tabBarStyle:{display:'flex'}) -> mypageDetail(tabBarStyle:{display:'none'}) -> mypage(tabBarStyle:{display:'flex'}) <= A tab bar will appear after about a second.

Great developers around the world would appreciate it if you could help a novice developer in Korea.

This is my app stack structure.

Tab -Stack -screens

Tab -Stack -screens

Tab -Stack -screens

Tab -Stack -screens

Tab -Stack -screens

Tab -Stack -screens

seokki kwon
  • 1

0 Answers0