Állapot és navigáció kezelése Navigator a Flutterben

A Flutter Navigator egy hatékony eszköz a központosított állapotok és oldalnavigáció kezelésére az alkalmazásban. Lehetővé teszi, hogy tiszta architektúrájú alkalmazásokat készítsen, és könnyen navigáljon a képernyők között.

Meghatározó Routes

A használat megkezdéséhez Navigator meg kell határoznia routes az alkalmazásban. Routes egyedi képernyők, amelyekre a felhasználók navigálhatnak. Meghatározhatja routes a MaterialApp segítségével, és megadhat egy gyűjteményt routes, ahol mindegyik route le van képezve egy Widget.

Példa:

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

A fenti példában kettőt definiáltunk routes: '/'(home page) és '/second'(second page). Hozzáadhat annyit, amennyit routes szükséges.

Navigálás az oldalak között

Az oldalak közötti navigáláshoz használhatja Navigator a 's metódusokat. Az egyik gyakori módszer a pushNamed, amely lehetővé teszi, hogy egy másik oldalra navigáljon az adott nevének megadásával route.

Példa:

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

Ezenkívül a push módszerrel navigálhat másik oldalra, route és válthat az oldalak között.

Adattovábbítás oldalak között

Az oldalak között a pushNamed metódussal és az argumentumok paraméterrel adhat át adatokat.

Példa:

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

Ezután a ModalRoute.of és a beállítások objektumok segítségével elérheti az adatokat a második oldalról:

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

Visszatérés az előző oldalra

Az előző oldalra való visszatéréshez használja a pop módszert Navigator. Ezzel bezárja az aktuális oldalt, és visszatér a verem előző oldalára.

Példa:

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

 

Következtetés

Navigator a Flutterben lehetővé teszi a központosított állapot kezelését és az oldalak közötti egyszerű navigálást. A használatával Navigator letisztult architektúrájú alkalmazásokat készíthet, és jobb felhasználói élményt nyújthat a képernyők közötti navigáció során.