मेरे पास एक प्रतिक्रिया परियोजना है और मेरे पास दो नेविगेटर हैं, मैं नेविगेशन बार को हटाने की कोशिश कर रहा हूं, मैंने दो तरीकों की कोशिश की लेकिन कोई सफलता नहीं मिली। यह मेरा ऐप है।जेएस

const switchNavigator = createStackNavigator({
  loginFlow: createStackNavigator({
    Signin: {
      screen: SigninScreen,
      navigationOptions: {
        headerShown: 'false'
      }
    },
    Signup: {
      screen: SignupScreen,
    },
  },
  ),
  mainGrid: createStackNavigator({
    Account: AccountScreen,
    Bath: BathScreen,
    Eco: EcoBath,
    Electricity: ElectricityConsScreen,
    Water: WaterConsumptionScreen,
    Help: HelpScreen,
    Parents: ParentsControlScreen
  })
});

जैसा कि आप देख सकते हैं मैंने हेडर का उपयोग करके ओ छिपाने की कोशिश की: 'झूठा' मैंने 'छिपाने' में बदलने की कोशिश की और काम नहीं कर रहा है। मैंने अलग से जोड़ने की कोशिश की जैसे:

SigninScreen.navigationOptions = () => {
    return{ 
        header: () => false
    };
};

लेकिन काम भी नहीं हुआ। मैंने तीर फ़ंक्शन को हटाने और शीर्षलेख की तरह सेट करने का प्रयास किया: शून्य और कोई सफलता भी नहीं। इस बारे में क्या किया जा सकता है?

0
Gabriel Savian 15 सितंबर 2020, 14:30

3 जवाब

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

अगर आप using react-navigation V5 हैं:

<Stack.Screen options={{headerShown: false}} name="route-name" component={ScreenComponent} />

else:

1 स्क्रीन के लिए हैडर छुपाएं:

const AppStackNavigator = createStackNavigator ({
    Home: {
        screen: HomePage, 
        navigationOptions: {
            header: null,
        },
    },
})

या

export default class HomePage extends Component {
    static navigationOptions = {
        header: null
    }
}

सभी स्क्रीन के लिए हैडर छुपाएं:

const AppStackNavigator = createStackNavigator ({
    Home: {
        screen: HomePage,
    },
},
{
    navigationOptions: {
        header: null,
    },
})

'नेविगेशनऑप्शन' में बहिष्करण: - 'हेडर: नल' भविष्य के संस्करण में हटा दिया जाएगा। इसके बजाय 'हेडरशोन: असत्य' का प्रयोग करें

const AppStackNavigator = createStackNavigator ({
    Home: {
        screen: HomePage, 
        navigationOptions: {
            headerShown: false
        },
    },
})
1
Zahra Mirali 15 सितंबर 2020, 15:15

मैं अपने कोड में निम्नलिखित का उपयोग कर रहा हूं:

const AppStackNavigator = createStackNavigator ({
    Home: HomePageScreen
},
{
   headerMode: "none"
});

https://reactnavigation.org/docs/stack-navigator/#headermode

0
Khurshid Ansari 15 सितंबर 2020, 14:43

साथियों मैंने हल किया! मैं नेविगेशन v4 का उपयोग कर रहा था। समस्या यहाँ थी

const switchNavigator = createStackNavigator({

फिर मैंने t . की अदला-बदली की

const switchNavigator = createSwitchNavigator({

और जोड़ा

SigninScreen.navigationOptions = () => {
    return {
      header: false
    };
};

अब यह एक आकर्षण की तरह काम कर रहा है, लेकिन आपके द्वारा उत्तर दिए गए सभी उत्तर सही हैं। मैंने अन्य संस्करणों में उपयोग किया। आपके समय के लिए धन्यवाद दोस्तों।

0
Gabriel Savian 15 सितंबर 2020, 15:18