कैसे प्रतिक्रियात्मक में नेविगेशन के साथ काम करते समय त्रुटियों को संभालने के लिए?

समस्या:रिएक्टनेटिव में नेविगेशन के साथ काम करते समय त्रुटि "एक नेविगेटर में केवल 'स्क्रीन' घटक शामिल हो सकते हैं" त्रुटि को कैसे संभालें?

समाधान

अपने ऐप पर काम करते समय आपको ऊपर बताई गई समस्याओं का सामना करना पड़ सकता है। यहां समझेंगे कि ऐसी त्रुटि क्यों आती है और इससे बचने के लिए क्या किया जा सकता है।

यहाँ वह कोड है जो हमें त्रुटि देता है -

उदाहरण

App.js

संकलन करते समय आपके कमांड प्रॉम्प्ट में प्रदर्शित त्रुटि इस प्रकार है -

आपके फ़ोन स्क्रीन पर त्रुटि का प्रदर्शन इस प्रकार है -

त्रुटि के कारण - एक नेविगेटर में केवल 'स्क्रीन' घटक अपने प्रत्यक्ष बच्चों के रूप में शामिल हो सकते हैं

त्रुटि का पहला कारण खराब इंडेंटेशन के कारण है। यह बहुत आवश्यक है कि प्रत्येक घटक ठीक से इंडेंट किया गया हो। चाइल्ड एलिमेंट को पैरेंट कंपोनेंट के अंदर ठीक से इंडेंट किया गया है।

दूसरा मामला प्रत्येक घटक के अंत में छोड़े गए रिक्त स्थान के कारण है। स्क्रीन के अंत से रिक्त स्थान निकालें और फिर से संकलित करें। यह ठीक काम करेगा। कृपया किसी अन्य स्रोत से कोड पेस्ट करते समय सावधान रहें। आप ज्यादातर उन मामलों में इस त्रुटि का सामना करेंगे।

आइए अब उपरोक्त कोड को इंडेंट करें और यदि कोई हो तो रिक्त स्थान भी हटा दें। यहाँ आउटपुट के साथ अंतिम कोड है।

उदाहरण