Navigator ফ্লাটার সহ রাজ্য এবং নেভিগেশন পরিচালনা

ফ্লাটারে, Navigator আপনার অ্যাপে কেন্দ্রীভূত অবস্থা এবং পৃষ্ঠা নেভিগেশন পরিচালনা করার জন্য একটি শক্তিশালী টুল। এটি আপনাকে স্পষ্ট আর্কিটেকচার এবং পর্দার মধ্যে সহজ নেভিগেশন সহ অ্যাপ তৈরি করতে দেয়।

সংজ্ঞায়িত Routes

ব্যবহার শুরু করতে, আপনাকে আপনার অ্যাপে Navigator সংজ্ঞায়িত করতে হবে । ব্যবহারকারীরা নেভিগেট করতে পারেন যে পৃথক স্ক্রীন হয়. আপনি MaterialApp ব্যবহার করে সংজ্ঞায়িত করতে পারেন এবং এর একটি সংগ্রহ প্রদান করতে পারেন, যেখানে প্রতিটি একটি তে ম্যাপ করা হয়েছে । routes Routes routes 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 এবং পৃষ্ঠাগুলির মধ্যে স্যুইচ করতে পুশ পদ্ধতি ব্যবহার করতে পারেন।

পৃষ্ঠাগুলির মধ্যে ডেটা পাস করা

আপনি আর্গুমেন্ট প্যারামিটার সহ 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 ইন ফ্লাটার আপনাকে কেন্দ্রীভূত অবস্থা পরিচালনা করতে এবং সহজে পৃষ্ঠাগুলির মধ্যে নেভিগেট করতে দেয়। ব্যবহার করে Navigator, আপনি স্পষ্ট আর্কিটেকচার সহ অ্যাপস তৈরি করতে পারেন এবং স্ক্রীনগুলির মধ্যে নেভিগেট করার সময় আরও ভাল ব্যবহারকারীর অভিজ্ঞতা প্রদান করতে পারেন৷