Junior
Πώς πραγματοποιείται η βασική πλοήγηση στο Flutter;
sobes.tech AI
Απάντηση από AI
Η πλοήγηση στο Flutter πραγματοποιείται με τη βοήθεια του widget Navigator και της στοίβας σελίδων του. Κάθε σελίδα στην εφαρμογή αντιπροσωπεύεται ως Route.
Η βασική πλοήγηση περιλαμβάνει:
- Pushing (προσθήκη σελίδας): Προσθήκη μιας νέας διαδρομής στη στοίβα, καθιστώντας την τρέχουσα σελίδα.
- 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);