मैंने स्क्रीन के हेडर के ठीक नीचे एक टैब नेविगेशन लागू किया है। यह ठीक काम करता है लेकिन समस्या यह है कि जब मैं अलग स्क्रीन टैब बार पर नेविगेट करता हूं तब भी वहां रहता है। जब मैं विवरण स्क्रीन पर जाता हूं तो मैं उन्हें छिपाना चाहता हूं। मुझे यकीन नहीं है कि यह कैसे करें। कोई भी मदद बहुत अच्छी रहेगी।

यहाँ मैं क्या चाहता हूँ यह मेरी स्क्रीन है। Image

यहां जब मैं किसी भी सूची आइटम पर क्लिक करता हूं तो मैं विवरण स्क्रीन पर नेविगेट करना चाहता था। और मैं नेविगेट करता हूं लेकिन टैब बार अभी भी वहां है। यहाँ मेरा कोड है।

const Tab = createMaterialTopTabNavigator();
const Stack = createStackNavigator();

const KarwarStack = () => {
  return (
    <Stack.Navigator>
      <Stack.Screen name="Karawar" component={Karwar} />
      <Stack.Screen name="KarawarDetail" component={KarawarDetail} />
    </Stack.Navigator>
  );
};

const CommunityHub = ({}) => {
  return (
    <Tab.Navigator>
      <Tab.Screen name="Karwar" component={KarwarStack} />
      <Tab.Screen name="Hubli" component={Hubli} />
      <Tab.Screen name="Bangalore" component={Bangalore} />
    </Tab.Navigator>
  );
};

export default CommunityHub;
0
aditya kumar 26 सितंबर 2020, 16:50

1 उत्तर

सबसे बढ़िया उत्तर

चूंकि आपका स्टैक टैब नेविगेटर का हिस्सा है, इसलिए जब आप KarawarDetail स्क्रीन पर नेविगेट करेंगे तो टैब हमेशा वहीं रहेंगे। आपको उलटा तर्क आज़माने की ज़रूरत है, एक समाधान इस तरह हो सकता है

const Tab = createMaterialTopTabNavigator();
const Stack = createStackNavigator();

const CommunityHub = ({}) => {
  return (
    <Tab.Navigator>
      <Tab.Screen name="Karwar" component={Karwar} />
      <Tab.Screen name="Hubli" component={Hubli} />
      <Tab.Screen name="Bangalore" component={Bangalore} />
    </Tab.Navigator>
  );
};

const RootStack = () => {
  return (
    <Stack.Navigator>
      <Stack.Screen name="CommunityHub" component={CommunityHub } />
      <Stack.Screen name="KarawarDetail" component={KarawarDetail} />
    </Stack.Navigator>
  );
};

export default RootStack;
1
SaachiTech 26 सितंबर 2020, 17:11