From 6b9ca4b67c47ca799b3a624efa340f18d76b3b53 Mon Sep 17 00:00:00 2001 From: Ivan Chen Date: Fri, 23 Jul 2021 19:32:21 -0400 Subject: Remove tabbar in moment comment --- src/screens/profile/MomentCommentsScreen.tsx | 21 +++++++++++++++++++-- 1 file changed, 19 insertions(+), 2 deletions(-) (limited to 'src') diff --git a/src/screens/profile/MomentCommentsScreen.tsx b/src/screens/profile/MomentCommentsScreen.tsx index 7dfe8ae9..490edd53 100644 --- a/src/screens/profile/MomentCommentsScreen.tsx +++ b/src/screens/profile/MomentCommentsScreen.tsx @@ -1,5 +1,9 @@ -import {RouteProp, useNavigation} from '@react-navigation/native'; -import React, {useEffect, useState} from 'react'; +import { + RouteProp, + useFocusEffect, + useNavigation, +} from '@react-navigation/native'; +import React, {useCallback, useEffect, useState} from 'react'; import {StyleSheet, View} from 'react-native'; import {SafeAreaView} from 'react-native-safe-area-context'; import {TabsGradient} from '../../components'; @@ -52,6 +56,19 @@ const MomentCommentsScreen: React.FC = ({route}) => { CommentType | CommentThreadType | undefined >(); + useFocusEffect( + useCallback(() => { + navigation.dangerouslyGetParent()?.setOptions({ + tabBarVisible: false, + }); + return () => { + navigation.dangerouslyGetParent()?.setOptions({ + tabBarVisible: true, + }); + }; + }, [navigation]), + ); + useEffect(() => { navigation.setOptions({ ...headerBarOptions('black', `${commentsLength} Comments`), -- cgit v1.2.3-70-g09d2