في Flutter ، Navigator هي أداة قوية لإدارة الحالة المركزية والتنقل في الصفحة في تطبيقك. يسمح لك بإنشاء تطبيقات بهندسة واضحة والتنقل السهل بين الشاشات.
تعريف Routes
لبدء الاستخدام Navigator ، عليك أن تحدد routes في تطبيقك. Routes هي شاشات فردية يمكن للمستخدمين الانتقال إليها. يمكنك تحديد routes استخدام MaterialApp وتقديم مجموعة من routes ، حيث route يتم تعيين كل منها إلى ملف Widget.
مثال:
في المثال أعلاه ، حددنا اثنين routes: '/'(home page)
و '/second'(second page
). يمكنك إضافة أكبر عدد routes ممكن.
التنقل بين الصفحات
للتنقل بين الصفحات ، يمكنك استخدام Navigator طرق. إحدى الطرق الشائعة هي pushNamed ، والتي تسمح لك بالانتقال إلى صفحة أخرى من خلال توفير اسم ذلك route.
مثال:
بالإضافة إلى ذلك ، يمكنك استخدام طريقة الدفع للتنقل إلى طريقة أخرى route والتبديل بين الصفحات.
تمرير البيانات بين الصفحات
يمكنك تمرير البيانات بين الصفحات باستخدام طريقة pushNamed مع معلمة arguments.
مثال:
بعد ذلك ، يمكنك الوصول إلى البيانات من الصفحة الثانية باستخدام ModalRoute.of وكائنات الإعدادات:
العودة إلى الصفحة السابقة
للرجوع إلى الصفحة السابقة ، يمكنك استخدام طريقة البوب Navigator. سيؤدي هذا إلى إغلاق الصفحة الحالية والعودة إلى الصفحة السابقة في المكدس.
مثال:
خاتمة
Navigator في Flutter يسمح لك بإدارة الحالة المركزية والتنقل بين الصفحات بسهولة. باستخدام Navigator ، يمكنك إنشاء تطبيقات بهندسة واضحة وتوفير تجربة مستخدم أفضل عند التنقل بين الشاشات.