Menaxhimi i gjendjes dhe navigimit me Navigator në Flutter

Në Flutter, Navigator është një mjet i fuqishëm për menaxhimin e gjendjes së centralizuar dhe navigimit të faqeve në aplikacionin tuaj. Kjo ju lejon të ndërtoni aplikacione me arkitekturë të qartë dhe navigim të lehtë midis ekraneve.

Përcaktimi Routes

Për të filluar përdorimin Navigator, duhet të përcaktoni routes në aplikacionin tuaj. Routes janë ekrane individuale ku përdoruesit mund të lundrojnë. Ju mund të përcaktoni routes duke përdorur MaterialApp dhe të ofroni një koleksion të routes, ku secila route është e hartë në një Widget.

Shembull:

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

Në shembullin e mësipërm, ne kemi përcaktuar dy routes: '/'(home page) dhe '/second'(second page). Mund të shtoni aq routes sa duhet.

Lundrimi ndërmjet faqeve

Për të lundruar ndërmjet faqeve, mund të përdorni Navigator metodat e 's. Një metodë e zakonshme është pushNamed, e cila ju lejon të lundroni në një faqe tjetër duke dhënë emrin e asaj route.

Shembull:

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

Për më tepër, mund të përdorni metodën e shtytjes për të lundruar në një tjetër route dhe për të kaluar midis faqeve.

Kalimi i të dhënave ndërmjet faqeve

Ju mund të kaloni të dhëna midis faqeve duke përdorur metodën pushNamed me parametrin e argumenteve.

Shembull:

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

Më pas, mund të përdorni të dhënat nga faqja e dytë duke përdorur objektet ModalRoute.of dhe parametrat:

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

Kthimi në faqen e mëparshme

Për t'u kthyer në faqen e mëparshme, mund të përdorni metodën pop të Navigator. Kjo do të mbyllë faqen aktuale dhe do të kthehet në faqen e mëparshme në pirg.

Shembull:

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

 

konkluzioni

Navigator në Flutter ju lejon të menaxhoni gjendjen e centralizuar dhe të lundroni ndërmjet faqeve me lehtësi. Duke përdorur Navigator, ju mund të ndërtoni aplikacione me arkitekturë të qartë dhe të ofroni një përvojë më të mirë të përdoruesit kur lundroni midis ekraneve.