Sobes.tech
Junior

Πώς πραγματοποιείται η βασική πλοήγηση στο Flutter;

sobes.tech AI

Απάντηση από AI

Η πλοήγηση στο Flutter πραγματοποιείται με τη βοήθεια του widget Navigator και της στοίβας σελίδων του. Κάθε σελίδα στην εφαρμογή αντιπροσωπεύεται ως Route.

Η βασική πλοήγηση περιλαμβάνει:

  1. Pushing (προσθήκη σελίδας): Προσθήκη μιας νέας διαδρομής στη στοίβα, καθιστώντας την τρέχουσα σελίδα.
  2. Popping (αφαίρεση σελίδας): Αφαίρεση της τρέχουσας διαδρομής από τη στοίβα, επιστροφή στην προηγούμενη σελίδα.

Παραδείγματα χρήσης:

Προσθήκη σελίδας με Navigator.push():

// Μετάβαση σε μια νέα σελίδα MyHomePage
Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => const MyHomePage()),
);

Προσθήκη σελίδας με ονομασμένη διαδρομή χρησιμοποιώντας Navigator.pushNamed():

// Μετάβαση στη σελίδα με την ονομασμένη διαδρομή '/second'
Navigator.pushNamed(context, '/second');

Για τη χρήση ονομασμένων διαδρομών, πρέπει να τις καταχωρίσετε στο widget MaterialApp ή CupertinoApp:

MaterialApp(
  initialRoute: '/', // Αρχική διαδρομή
  routes: {
    '/': (context) => const FirstScreen(), // Κύρια σελίδα
    '/second': (context) => const SecondScreen(), // Δεύτερη σελίδα
  },
);

Αφαίρεση της τρέχουσας σελίδας με Navigator.pop():

// Επιστροφή στην προηγούμενη σελίδα
Navigator.pop(context);