ఫ్లట్టర్‌లో, 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 ఫ్లట్టర్‌లో కేంద్రీకృత స్థితిని నిర్వహించడానికి మరియు పేజీల మధ్య సులభంగా నావిగేట్ చేయడానికి మిమ్మల్ని అనుమతిస్తుంది. ను ఉపయోగించడం ద్వారా Navigator, మీరు స్పష్టమైన ఆర్కిటెక్చర్‌తో యాప్‌లను రూపొందించవచ్చు మరియు స్క్రీన్‌ల మధ్య నావిగేట్ చేస్తున్నప్పుడు మెరుగైన వినియోగదారు అనుభవాన్ని అందించవచ్చు.