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 's विधिहरू प्रयोग गर्न सक्नुहुन्छ। एउटा सामान्य विधि 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, तपाइँ स्पष्ट वास्तुकला संग एपहरू निर्माण गर्न सक्नुहुन्छ र स्क्रिनहरू बीच नेभिगेट गर्दा राम्रो प्रयोगकर्ता अनुभव प्रदान गर्न सक्नुहुन्छ।