Navigator फ़्लटर में राज्य और नेविगेशन का प्रबंधन करना

फ़्लटर में, Navigator आपके ऐप में केंद्रीकृत स्थिति और पेज नेविगेशन को प्रबंधित करने के लिए एक शक्तिशाली उपकरण है। यह आपको स्पष्ट आर्किटेक्चर और स्क्रीन के बीच आसान नेविगेशन वाले ऐप्स बनाने की अनुमति देता है।

परिभाषित Routes

का उपयोग शुरू करने के लिए Navigator, आपको routes अपने ऐप में परिभाषित करना होगा। Routes ये अलग-अलग स्क्रीन हैं जिन पर उपयोगकर्ता नेविगेट कर सकते हैं। आप routes मटेरियलऐप का उपयोग करके परिभाषित कर सकते हैं और का एक संग्रह प्रदान कर सकते हैं routes, जहां प्रत्येक को route एक में मैप किया गया है Widget ।

उदाहरण:

MaterialApp(  
  initialRoute: '/',  
  routes: {  
    '/':(context) => HomePage(),  
    '/second':(context) => SecondPage(),  
  },  
)  

उपरोक्त उदाहरण में, हमने दो routes: '/'(home page) और '/second'(second page) को परिभाषित किया है। आप जितनी routes आवश्यकता हो उतने जोड़ सकते हैं।

पेजों के बीच नेविगेट करना

पृष्ठों के बीच नेविगेट करने के लिए, आप Navigator के तरीकों का उपयोग कर सकते हैं। एक सामान्य विधि पुशनेम्ड है, जो आपको उस पृष्ठ का नाम प्रदान करके दूसरे पृष्ठ पर नेविगेट करने की अनुमति देती है route ।

उदाहरण:

// Navigate to the second page
Navigator.pushNamed(context, '/second');

route इसके अतिरिक्त, आप दूसरे पेज पर नेविगेट करने और पेजों के बीच स्विच करने के लिए पुश विधि का उपयोग कर सकते हैं ।

पेजों के बीच डेटा पास करना

आप तर्क पैरामीटर के साथ पुशनेम विधि का उपयोग करके पृष्ठों के बीच डेटा पास कर सकते हैं।

उदाहरण:

Navigator.pushNamed(  
  context,  
  '/second',  
  arguments: 'Data from the home page',  
);  

फिर, आप ModalRoute.of और सेटिंग्स ऑब्जेक्ट का उपयोग करके दूसरे पृष्ठ से डेटा तक पहुंच सकते हैं:

class SecondPage extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    String data = ModalRoute.of(context).settings.arguments;  
    // Use the data here  
  }  
}  

पिछले पृष्ठ पर वापस जा रहे हैं

पिछले पृष्ठ पर वापस जाने के लिए, आप पॉप विधि का उपयोग कर सकते हैं Navigator । इससे वर्तमान पृष्ठ बंद हो जाएगा और स्टैक में पिछले पृष्ठ पर वापस आ जाएगा।

उदाहरण:

// Go back to the previous page
Navigator.pop(context);

 

निष्कर्ष

Navigator फ़्लटर में आपको केंद्रीकृत स्थिति को प्रबंधित करने और पृष्ठों के बीच आसानी से नेविगेट करने की अनुमति मिलती है। का उपयोग करके Navigator, आप स्पष्ट आर्किटेक्चर वाले ऐप्स बना सकते हैं और स्क्रीन के बीच नेविगेट करते समय बेहतर उपयोगकर्ता अनुभव प्रदान कर सकते हैं।