Navigator फ्लटरसह राज्य आणि नेव्हिगेशन व्यवस्थापित करा

फ्लटरमध्ये, Navigator तुमच्या अॅपमध्ये केंद्रीकृत स्थिती आणि पृष्ठ नेव्हिगेशन व्यवस्थापित करण्यासाठी एक शक्तिशाली साधन आहे. हे तुम्हाला स्पष्ट आर्किटेक्चर आणि स्क्रीन दरम्यान सुलभ नेव्हिगेशनसह अॅप्स तयार करण्यास अनुमती देते.

व्याख्या करणे Routes

वापरणे सुरू करण्यासाठी, तुम्हाला तुमच्या अॅपमध्ये Navigator परिभाषित करणे आवश्यक आहे. वैयक्तिक स्क्रीन आहेत ज्यावर वापरकर्ते नेव्हिगेट करू शकतात. तुम्ही MaterialApp वापरून परिभाषित करू शकता आणि एक संग्रह प्रदान करू शकता, जिथे प्रत्येक एक. routes Routes routes routes route Widget

उदाहरण:

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

वरील उदाहरणात, आम्ही दोन परिभाषित केले आहेत routes: '/'(home page) आणि '/second'(second page). routes आपण आवश्यक तितके जोडू शकता .

पृष्ठांदरम्यान नेव्हिगेट करणे

पृष्ठांदरम्यान नेव्हिगेट करण्यासाठी, तुम्ही Navigator च्या पद्धती वापरू शकता. pushNamed ही एक सामान्य पद्धत आहे, जी तुम्हाला त्याचे नाव देऊन दुसर्‍या पृष्ठावर नेव्हिगेट करण्याची परवानगी देते route.

उदाहरण:

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

याव्यतिरिक्त, तुम्ही दुसऱ्यावर नेव्हिगेट करण्यासाठी route आणि पृष्ठांमध्ये स्विच करण्यासाठी पुश पद्धत वापरू शकता.

पृष्ठांमधील डेटा पास करणे

तुम्ही आर्ग्युमेंट्स पॅरामीटरसह pushNamed पद्धत वापरून पेज दरम्यान डेटा पास करू शकता.

उदाहरण:

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 in Flutter तुम्हाला केंद्रीकृत स्थिती व्यवस्थापित करण्यास आणि पृष्ठांवर सहजतेने नेव्हिगेट करण्यास अनुमती देते. वापरून Navigator, तुम्ही स्पष्ट आर्किटेक्चरसह अॅप्स तयार करू शकता आणि स्क्रीन दरम्यान नेव्हिगेट करताना चांगला वापरकर्ता अनुभव देऊ शकता.