Navigator فلٹر کے ساتھ ریاست اور نیویگیشن کا انتظام

فلٹر میں، Navigator آپ کی ایپ میں مرکزی حالت اور صفحہ نیویگیشن کے انتظام کے لیے ایک طاقتور ٹول ہے۔ یہ آپ کو واضح فن تعمیر اور اسکرینوں کے درمیان آسان نیویگیشن کے ساتھ ایپس بنانے کی اجازت دیتا ہے۔

تعریف کرنا Routes

استعمال شروع کرنے کے لیے Navigator ، آپ کو routes اپنی ایپ میں وضاحت کرنے کی ضرورت ہے۔ Routes انفرادی اسکرینیں ہیں جن پر صارف نیویگیٹ کر سکتے ہیں۔ آپ routes MaterialApp کا استعمال کرتے ہوئے وضاحت کر سکتے ہیں اور کا ایک مجموعہ فراہم کر سکتے ہیں routes ، جہاں ہر ایک route کو میپ کیا گیا ہے Widget ۔

مثال:

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

اوپر کی مثال میں، ہم نے دو کی تعریف کی ہے routes: '/'(home page) اور '/second'(second page)۔ آپ routes ضرورت کے مطابق زیادہ سے زیادہ شامل کرسکتے ہیں۔

صفحات کے درمیان نیویگیٹنگ

صفحات کے درمیان نیویگیٹ کرنے کے لیے، آپ Navigator کے طریقے استعمال کر سکتے ہیں۔ ایک عام طریقہ pushNamed ہے، جو آپ کو اس کا نام فراہم کر کے دوسرے صفحہ پر جانے کی اجازت دیتا ہے route ۔

مثال:

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

route مزید برآں، آپ دوسرے پر تشریف لے جانے اور صفحات کے درمیان سوئچ کرنے کے لیے پش طریقہ استعمال کر سکتے ہیں ۔

صفحات کے درمیان ڈیٹا منتقل کرنا

آپ arguments پیرامیٹر کے ساتھ pushNamed طریقہ استعمال کرکے صفحات کے درمیان ڈیٹا منتقل کر سکتے ہیں۔

مثال:

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

پھر، آپ ModalRoute.of اور سیٹنگ آبجیکٹ کا استعمال کرتے ہوئے دوسرے صفحہ سے ڈیٹا تک رسائی حاصل کر سکتے ہیں:

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

پچھلے صفحہ پر واپس جانا

پچھلے صفحہ پر واپس جانے کے لیے، آپ کا پاپ طریقہ استعمال کر سکتے ہیں Navigator ۔ اس سے موجودہ صفحہ بند ہو جائے گا اور اسٹیک میں پچھلے صفحہ پر واپس آ جائے گا۔

مثال:

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

 

نتیجہ

Navigator in Flutter آپ کو مرکزی حالت کا انتظام کرنے اور صفحات کے درمیان آسانی کے ساتھ نیویگیٹ کرنے کی اجازت دیتا ہے۔ استعمال کر کے Navigator ، آپ واضح فن تعمیر کے ساتھ ایپس بنا سکتے ہیں اور اسکرینوں کے درمیان نیویگیٹ کرتے وقت صارف کا بہتر تجربہ فراہم کر سکتے ہیں۔