Kusimamia Jimbo na Urambazaji Navigator katika Flutter

Katika Flutter, Navigator ni zana madhubuti ya kudhibiti hali na urambazaji wa ukurasa katika programu yako. Inakuruhusu kuunda programu zilizo na usanifu wazi na urambazaji rahisi kati ya skrini.

Kufafanua Routes

Ili kuanza kutumia Navigator, unahitaji kufafanua routes katika programu yako. Routes ni skrini mahususi ambazo watumiaji wanaweza kuelekeza. Unaweza kufafanua routes kwa kutumia MaterialApp na kutoa mkusanyiko wa routes, ambapo kila moja route imechorwa kwa Widget.

Mfano:

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

Katika mfano hapo juu, tumefafanua mbili routes: '/'(home page) na '/second'(second page). Unaweza kuongeza nyingi routes kama inahitajika.

Kuabiri Kati ya Kurasa

Ili kuzunguka kati ya kurasa, unaweza kutumia Navigator njia za 's. Njia moja ya kawaida ni pushNamed, ambayo hukuruhusu kuenda kwenye ukurasa mwingine kwa kutoa jina la hiyo route.

Mfano:

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

Zaidi ya hayo, unaweza kutumia njia ya kushinikiza kuelekeza hadi nyingine route na kubadili kati ya kurasa.

Kupitisha Data Kati ya Kurasa

Unaweza kupitisha data kati ya kurasa kwa kutumia njia ya pushNamed na parameta ya hoja.

Mfano:

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

Kisha, unaweza kufikia data kutoka kwa ukurasa wa pili kwa kutumia ModalRoute.of na vitu vya mipangilio:

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

Rudi kwenye Ukurasa Uliopita

Ili kurudi kwenye ukurasa uliopita, unaweza kutumia mbinu ya pop ya Navigator. Hii itafunga ukurasa wa sasa na kurudi kwenye ukurasa uliopita kwenye rafu.

Mfano:

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

 

Hitimisho

Navigator katika Flutter hukuruhusu kudhibiti hali ya kati na kuvinjari kati ya kurasa kwa urahisi. Kwa kutumia Navigator, unaweza kuunda programu zilizo na usanifu wazi na kutoa hali bora ya utumiaji wakati wa kusogeza kati ya skrini.